<html>
<head>
<title> Image Drop Down Select </title>
<style type="text/css">
.SBox {
display:none;
}
</style>
<script type="text/javascript">
// For: http://www.codingforums.com/showthread.php?t=211072
function changeImg(info) {
if (info == '') { return; }
document.getElementById('mainImage').src = info;
document.getElementById('SBox').style.display = 'none';
}
</script>
</head>
<body>
<div id="imgContent">
<img id="mainImage" src="http://www.nova.edu/hpd/otm/pics/4fun/11.jpg"
onclick="document.getElementById('SBox').style.display='block'"><br>
<select id="SBox" onChange="changeImg(this.value)" style="display:none;font-size:12px;border: 1px solid #3366cc;
color: #000033;
background-color: #6699FF;border-radius: 10px;
font-color:#FFF;
width:100px;">
<option value=''>Choose</option>
<option value='http://www.nova.edu/hpd/otm/pics/4fun/11.jpg'>11</option>
<option value='http://www.nova.edu/hpd/otm/pics/4fun/12.jpg'>12</option>
<option value='http://www.nova.edu/hpd/otm/pics/4fun/13.jpg'>13</option>
<option value='http://www.nova.edu/hpd/otm/pics/4fun/14.jpg'>14</option>
<option value='http://www.nova.edu/hpd/otm/pics/4fun/15.jpg'>15</option>
</select>
</div>
</body>
</html>