Daydayplast
New Member
I have an image and rollover image. Using jQuery or CSS, I want to show/hide the rollover image when the onmousemove/onmouseout event happen on the parent div (containing the image).How can I do it?Edit: HTML posted below by request. Not relevant to the question, but as an FYI HTML is built on a 30 column fluid grid.Upon hover of the top div (row-fluid) the image (image.png) should change to a different source image (imagehover.png).\[code\]<div class="row-fluid" style="padding-top:1em"> <div class="span4"> //Random content </div> <div class="span8 offset1"> //Random content </div> <div class="span9 offset3"> <ul> <li>//Random content</li> <li>//Random content</li> <li>//Random content</li> </ul> </div> <img src='http://stackoverflow.com/images/image.png><div>\[/code\]