Dynamic Image selector- Developer's View

<html>

<body>

<form name="dynamicselector">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="178">
<tr>
<td width="35%" valign="top" align="left">
<select name="dynamicselector2" size="4" onChange="generateimage(this.options[this.selectedIndex].value)">

<option value="../dynamic.gif" selected>Logo</option>
<option value="../dynamicindex5/imagemap.gif">Pool ball</option>
<option value="../plane.gif">Plane</option>
<option value="../hand.gif">Hand</option>
<option value="cake.gif">Pie</option>
</select>
</td>
<td width="65%" valign="top" align="left"><ilayer id="dynamic1" width=100% height=178><layer id="dynamic2" width=100% height=178><div id="dynamic3"></div></layer></ilayer></td>
</tr>
</table>
</form>

<script>

/*
Dynamic Image selector Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

var tempobj=document.dynamicselector.dynamicselector2

function generateimage(which){
if (document.all){
dynamic3.innerHTML='<center>Loading image...</center>'
dynamic3.innerHTML='<img src="'+which+'">'
}
else if (document.layers){
document.dynamic1.document.dynamic2.document.write('<img src="'+which+'">')
document.dynamic1.document.dynamic2.document.close()
}
else
alert('You need NS 4 or IE 4 to view the images!')
}

function generatedefault(){
generateimage(tempobj.options[tempobj.options.selectedIndex].value)
}

if (document.all||document.layers){
if (tempobj.options.selectedIndex!=-1)
window.onload=generatedefault
}

</script>

</body>
</html>


Please use the following image to link to Dynamic Drive. More images here.

Subscribe to our newsletter!
Want to be right here when new scripts are added? Subscribe to our FREE newsletter then!

Copyright © 1998-1999 Dynamic Drive. Read Terms Of Use here.