Originally Posted by aversion
If your image is a link you can do this using just CSS without any JS.
I don't have time to go through it right now but basically you set the image as a background to your a tag:
[CODE]
<a href"#" class="yourlink">Some text</a>
a.yourlink {
background: url(*yourimageurl*) no-repeat;
text-indent: -3000px // this moves the text out of the element
width: 90px
height: 90px;
}
a.yourlink:hover {
background: url(*yoursecondimageurl*) no-repeat;
width: 170px
height: 170px;
}