<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
Code
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function CoffeePreview(sel) {
document.getElementById('preview').src = "" + sel.options[sel.selectedIndex].value;
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
Code
<BODY>
<center>
<form name=previewselect>
<select name=selbox size=1 onChange="CoffeePreview(this)">
<option value="http://www.javascriptfreecode.com/images/ci_1-small.jpg">Image #1
<option value="http://www.javascriptfreecode.com/images/ci_2-small.jpg">Image #2
<option value="http://www.javascriptfreecode.com/images/ci_3-small.jpg">Image #3
<option value="http://www.javascriptfreecode.com/images/ci_4-small.jpg">Image #4
<option value="http://www.javascriptfreecode.com/images/ci_5-small.jpg">Image #5
<option value="http://www.javascriptfreecode.com/images/ci_6-small.jpg">Image #6
</select>
<p>
<img name="preview" id='preview' src="http://www.javascriptfreecode.com/images/ci_1-small.jpg" width=150 height=113 border=1>
<p>
</form>
</center>