Changing a simple rollover script [Archive] - HTML Forums - Free Webmaster Forums and Help Forums

spadez

02-12-2008, 04:10 PM

Hey guys,

Im really new to this but i am in the middle of making a website for my universitys radio station and i need a bit of help.

I want to be able to replace the image with code when a user clicks on an image. For example i want it to go from this:

<img src="example.jpg" />

to this (when the user clicks the first example.jpg)

Pick your player <img src="img1.jpg" /><img src="img2.jpg" />

Is anyone able to help me out with this? It would be much apprecaited.

James

rangana

02-12-2008, 09:59 PM

Hi spadez,
I've coded one for you:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body onLoad="document.getElementById('imgDIV').style.visibility='hidden'" style="font-family:tahoma;font-size:10pt;">
Click the image to choose a player:<br/>
<img src="buzy.gif" id="me" onClick="document.getElementById('imgDIV').style.visibility='visible';document.getElementById('me').src=''" alt="picture" border="1">
<hr size="1" width="30%" align="left">
<div id="imgDIV">
Feel free to choose from the list of players:
</br>
<img src="" alt="picture1">
<img src="" alt="picture2">
</div>
</body>
</html>
See if it helps:D