JavaScript Free Codes
Click here if you want to see how the code appears on your page
If you don't know how to use this code or need more information Click here !
if you want the user choose the picture from a combo box and then click on a button and show the picture changing picture in JavaScript
Here is the code in this textbox
<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat --> <!-- Drop Down Image Preview 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function CoffeePreview(sel) { document.CoffeePreview.src = "" + sel.options[sel.selectedIndex].value; } function CoffeeShow(sel) { images = new Array(); images[1] = "1.jpg"; images[2] = "2.jpg"; images[3] = "3.jpg"; images[4] = "4.jpg"; images[5] = "5.jpg"; images[6] = "6.jpg"; window.location.href = images[sel.selectedIndex+1]; } // End --> </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <center> <form name=previewselect> <select name=selbox size=1 onChange="CoffeePreview(this)"> <option value="1-small.jpg">Image #1 <option value="2-small.jpg">Image #2 <option value="3-small.jpg">Image #3 <option value="4-small.jpg">Image #4 <option value="5-small.jpg">Image #5 <option value="6-small.jpg">Image #6 </select> <p> <img name="preview" src="1-small.jpg" width=150 height=113 border=1> <p> <input type=button value="view Image" onclick="CoffeeShow(this.form.selbox)"> </form> </center> <font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>
Back to main page Contact us for any questions or comments
The code is active (Sample Code): you can see it in the area below or on the page
Change the addresses in the code the pictures will show up
41-
Slide show showing pictures combo
Click
here if you want to see how the code appears on your
page