I’ve been looking at several different pages regarding using CSS to change an image on mouseover. I have a gallery very similar to the one found here http://trufcreative.com/truf_number_cat … -identity/ however when I view this page using Firebug, I can’t seem to find the image swap rule just positioning rules…
Code:
#thumbnails li {
height:105px;
margin-top:20px;
overflow:hidden;
position:relative;
width:220px;
}
I know it uses that method to where its a single stitched together image [X|Y], the rules telling it to move left half-way on mouseover, thus exposing 1 image while hiding the 2nd half and then visa versa on out.
I also tried to at least implement the XHTML, but since its a list I automatically get that single dot beside my image!