Mouseover Images

[Waterfront]

Can anyone recommend software that generates the code for mouseover images. I don't mean button rollovers, but when you move your mouse over a thumbnail it previews the larger image above. TIA!

[sarahk]

haven't I seen this somewhere else?

[Waterfront]

I don't know, but here's an example fo what I mean:
http://www.irenemoralesward.com/list...p?propid=11731

[frobn]

Can anyone recommend software that generates the code for mouseover images. I don't mean button rollovers, but when you move your mouse over a thumbnail it previews the larger image above. TIA!

It's a two step process. You first have to prelaod the images then use javascript for the rollover effect. There is an online generator at: http://javascript.internet.com/gener...ad-images.html

I haven't used it so I don't know how well it works. If you have trouble let me know and I give you the url of one of my sites with an example you can follow.

[Waterfront]

It's a two step process. You first have to prelaod the images then use javascript for the rollover effect. There is an online generator at: http://javascript.internet.com/gener...ad-images.html

I haven't used it so I don't know how well it works. If you have trouble let me know and I give you the url of one of my sites with an example you can follow.

Thanks, but this one seems to be a button rollover.

[Infinity Commercial Group]

I'm not sure but I want to say you can do it in FrontPage. If I understand your question correctly I know you can create changing rollover images with Adobe Photoshop and Image Ready. Importing the Photoshop image to Image Ready.

[Aaron]

This is way to cool image changer code... I found it on another forum which the links don't seem to work to. But anyways...

<script type="text/javascript">
var imgs = new Array("images/pic0.jpg","images/pic1.jpg","thumbs/somepic.jpg");
function loadMainImg(num) {
document.getElementById("mainImg").src = imgs[num];
}
</script>
<img id="thumb0" height="60" width="45" onmouseover="loadMainImg(0)" src="thumbs/pic0.jpg"/>
<img id="thumb1" height="60" width="45" onmouseover="loadMainImg(1)" src="thumbs/pic1.jpg"/>
<img id="thumb1" height="60" width="45" onmouseover="loadMainImg(2)" src="thumbs/somepic.jpg"/>
<img id="mainImg" src="images/somePic.jpg"/>

[ryanmathis83]

Maybe you should try Flash, it would be easier that way. Javascript can be buggy at times.

[Aaron]

I don't know ... for me flash would be much less easy, slightly more complicated... So far the Javascript has worked pretty good.

[REW Tristan]

Could you post another example of this desired effect? The example you posted seems to be missing or removed now.