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:-
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.
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.