Insurance Quotes - Debt Consolidation - Wordpress Themes - Debt Consolidation - Submit articles

PDA

View Full Version : Changing an image depending on JS variable


blueparukia
Aug 21st 2007, 12:21 am
I have a list of items that I want downloadable, and when you hover over them, I want an image at the bottom of the list to change.
E.g

<a href="download1.zip">Download</a>
<a href="download2.zip">Download</a>
<img src="hover.png />


I want "hover.png" to change depending on what list item I am hovering over. How to do this in Javascript?

Thanks,

BP

nico_swd
Aug 21st 2007, 5:30 am
function swap_image(type)
{
switch (type)
{
default:
case 'zip':
var image = 'zip.jpg';
break;
case 'rar':
var image = 'rar.jpg';
break;
}

document.getElementById('image').src = image;
}




<a href="download1.zip" onmouseover="swap_image('zip');">Download</a>
<a href="download2.rar" onmouseover="swap_image('rar');">Download</a>
<img src="hover.png" id="image" />

blueparukia
Aug 21st 2007, 3:03 pm
Cool, thanks :D