JavaScript Source Code 2002: Miscellaneous: Image Previewer

Home

Image Previewer

Users can see a preview of the image they select from the pulldown menu before loading the full image. They can then view the full image by clicking the Go button or the preview image. This is great for allowing sites with large images to offer image previews visitors to to see an image preview first.

Images (C) Stuart King

JavaScript Source Code 2002: Miscellaneous: Image Previewer
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">   <! > <! >  </script> </HEAD>  <BODY> <center> <form name=picform> <select name=selbox size=1 onChange="previewPic(this)"> <option value="axe-small.jpg">Axe <option value="castle-small.jpg">Castle <option value="iceberg-small.jpg">Iceberg <option value="ocean-small.jpg">Ocean <option value="olympus-small.jpg">Olympus <option value="temple-small.jpg">Temple </select> <p> <img name="previewpic" src="axe-small.jpg" width=150 height=113 border=1> <p> <input type=button value="Show Image" onclick="showPic(this.form.selbox)"> </form> </center>