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.