link on pop-up image from thumbnail using css

[karsting]

I am using this css. I have a link from the thumbnail to another page, but need to go to the same link on the pop-up image.

IN STYLES

}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hove r{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightpink;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hove r span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

IN HTML

<a class="thumbnai l" href="http://www.varmintcong .com/plan9.htm"><img src="images/plan9thumbnail. jpg" width="388" height="200" border="0" /><span><img src="images/plan9popup.jpg" /><br />
Plan 9</span></a>

the web page is:

http://www.varmintcong .com

Any help would be much appreciated.

Thanks,
karen

[Christopera]

I have played with this css from dynamicdrive.co m also. Good stuff, I use it on this page pretty often as it is rather light and produces a nice affect. However, i do no beleive you can great links within the pop up. For that I have switched to a java script that does pretty similar things.

[karsting]

Thank you for replying. Can you please post the javascript you mentioned or direct me to a place to copy and paste it into my page.

Thanks

[Christopera]

I used some of dynamic drives java script menu stuff then modified it to run some pictures and text. It is pretty much straight up mod done throught xhtml.

you can see it here

http://www.karting101. com/tracks.htm

just hover over a few of the track names.

[plasticcube]

There is a problem with this bit of code in IE (6.0) where a bug in IE does link to the specified URL on the pop up image. There is a fix by putting a onClick call in the image tag. See the fix here:

http://www.plasticcube.com/blog/2007/05/13/css-popup-image-ie-link-workaround/