A CSS question...

[monty]

Hey y'all

For the CSS expert around here, this should be an easy one!

A have a small image on some page and when the curser passes over it, a bigger image should display in a <div> tag somewhere else on the page. Inside the <div> tag, I've already put the img element but without source, when the mouse passes the first one, a source gets set for the <img> and all should be well.

The problem is that Opera shows the placeholder for this picture all the time which doesn't look nice!

Any suggestions would be greatly appriciated!

-monty

 

[PoorDoggie]

heya!

I think that you should have the div like this:

<div id="imageViewer" style="visibility: hidden"><img src="http://mywebsite.com/image.gif" /></div>

and then for the thumbnail image have this code:

<img src="http://mywebsite.com/thumbnail.gif" onMouseOver="document.getElementById('imageViewer').style.visibility='visible'" onMouseOut="document.getElementById('imageViewer').style.visibility='hidden'" />

That will show and hide the DIV with the image in it.

Hope this helps!
Tom

 

[monty]

It sure does Tom, tnx a million!

rep added!

-monty

 

[PoorDoggie]

My pleasure!