Home » Webmaster Tools and Resources » Software & Scripts » JavaScript » Image Effects » [*TITLE HERE*]

Drop Down Image Selector Script

A drop down combo box that allows surfers to choose among many images to be shown. Each image is linked up to a different URL, and is click able.

Sample:

Insert this code before </head>

<script language="javascript">
<!--

/*More resources at:
By  (www.road2webmaster.com)
free tools & resources here!
*/

function linkrotate(which){
var mylinks=new Array()
//add in more links if you want (ie:mylinks[3]=...)
mylinks[0]="URL A"
mylinks[1]="URL B"
mylinks[2]="URL C"

window.location=mylinks[which]
}


function showimage()
{
if (!document.images)
return
document.images.pictures.src=
document.mygallery.picture.options[document.mygallery.picture.selectedIndex].value
}
//-->
</script>

Insert this code before </body>

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><form name="mygallery"><p><select
name="picture" size="1" onChange="showimage()">
<option selected value="A.gif">Description A</option>
<option value="B.gif">Description B</option>
<option value="C.gif">Description C</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="FIRST IMAGE TO DISPLAYED" name="pictures" width="99"
height="100" border=0></a></td>
</tr>
</table>

Related Resources: