Uncle Jim's Javascript Designs
Display Images with Select Box
Author:
Jim Stiles
Car One
Car Two
Lap Top
INSTALLATION INSTRUCTIONS
COPY
-
Insert Between Head Tags: <HEAD></HEAD>
<script language="javascript"><!-- /*Combo Box Image Linker script by Jim Stiles www.jdstiles.com */ function linkrotate(which){ var mylinks=new Array() //add in more links if you want (ie:mylinks[3]=...) mylinks[0]="http://www.LINK1" mylinks[1]="http://LINK2" mylinks[2]="http://LINK3" window.location=mylinks[which] } function showimage() { if (!document.images) return document.images.pictures.src= document.mygallery.picture.options[document.mygallery.picture.selectedIndex].value } //--></script>
COPY
-
Insert Inside Body: <BODY></BODY>
<table border="0" cellspacing="0" cellpadding="0"><tr> <td width="100%"><form name="mygallery"> <form><p><select name="picture" size="1" onChange="showimage()"> <option selected value="IMAGE1.gif">TITLE ONE</option> <option value="IMAGE2.gif">TITLE TWO</option> <option value="IMAGE3.gif">TITLE THREE</option> </select></p></form></td></tr> <tr><td width="100%"><p align="center"> <a href="javascript:linkrotate(document.mygallery.picture.selectedIndex)" onMouseover="window.status='';return true"> <img src="car1.gif" name="pictures" width="100" height="100" border=0></a></td></tr></table>
Close This Window
