...

View Full Version : Swapping multiple images while rollingover one image



t5sk
05-18-2009, 06:02 AM
Hi all,

Newbie here. I am seeking to swap out three images when rolling over one.

Cursor hovers over one image - three new images, in different locations, are seen on screen. When cursor moves away - the images revert to "normal" state.

Image 1 - thumbnail - bottom right of screen
When rolling over Image 1, three images change:
Image 1 - to shaded version of the thumbnail
Image 2 - main image center of screen
Image 3 - text box image top right of screen

Any help would be appreciated!

Thanks!

vwphillips
05-18-2009, 11:32 AM
what is a 'text box image'?

Old Pedant
05-18-2009, 09:09 PM
Nobody ever said you could only do one thing at a time with ommouseover.



<head>
<script>
function overAll3( )
{
document.getElementById("image1").src = "...";
document.getElementById("image2").src = "...";
document.getElementById("image3").src = "...";
}
function outAll3( )
{
document.getElementById("image1").src = "...";
document.getElementById("image2").src = "...";
document.getElementById("image3").src = "...";
}
</script>

...
</head>
<body>
...
<img id="image3" src=...>
...
<img id="image2" src=...>
...
<img id="image1" onmouseover="overAll3();" onmouseout="outAll3( );" src=...>
...
</body>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum