onchange event and onmouseover event
<![CDATA[
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function cimage()
{
var iname=document.getElementById("simage").value;
var ifile=iname+".jpg";
document.getElementById("myimg").src=ifile;
}
function rollimage()
{
document.getElementById("myimg").src="Winter.jpg";
}
</SCRIPT>
</HEAD>
<BODY>
<center>
<SELECT ID="simage" onchange="cimage();">
<OPTION VALUE="Blue_hills">Blue hills</OPTION>
<OPTION VALUE="Sunset">Sunset</OPTION>
<OPTION VALUE="Water_lilies">Water lilies</OPTION>
<OPTION VALUE="Winter">Winter</OPTION>
</SELECT>
<img height="200" id="myimg" onmouseover="rollimage();" src="Blue_hills.jpg" width="200"/>
</center>
</BODY>
</HTML>
]]>
No comments:
Post a Comment