Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Bern

macrumors 68000
Original poster
Nov 10, 2004
1,854
1
Australia
I've created a thumbnail gallery using CSS/xhtml.

Everything looks great accept when the page loads there's no initial image there until the user hovers over a thumbnail.

The code I'm using in the xhtml document is:-

<a class="thumbnail" href="#thumb"><img src="Images/XXXX/XXXX.jpg" width="40" height="30" border="0" alt=""/><span><img src="Images/XXXX/XXXX.jpg" width="560" height="360" alt=""/><br /></span></a>

This is wrapped around a div and the appropriate class is written on an external css.

My question is how do I manage to have an image sitting permanently on the page when it loads before the user hovers over a thumbnail and then when they do the image is covered by the new one?

I appreciate anyone's advice.
 
Never mind I worked it out myself again :D

I just had to add some code into my content div.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.