Image Preview First

Description
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....View A Script Demo

Do you find it confusing setting up these script?
Java Scripts Magic can do all the hard work for you all At The Touch Of A Button.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

<HTML>

<HEAD>

<LINK href="general.css" rel="stylesheet" type="text/css">

<SCRIPT LANGUAGE="JavaScript">

<!-- Original:  Ronnie T. Moore, Editor -->

<!-- Idea and images by:  Stuart King (stuart@ciceron.com) -->

<!-- Begin

function previewPic(sel) {

document.previewpic.src = "" + sel.options[sel.selectedIndex].value;

}

function showPic(sel) {

images = new Array();

images[1] = "toad.jpg";

images[2] = "chameleon.jpg";

images[3] = "lizard.jpg";

images[4] = "gecko.jpg";

window.location.href = images[sel.selectedIndex+1];

}

//  End -->

</script>

</HEAD>

<BODY Background=../graphics/grayback.jpg>

<center><BR><BR><BR>

<form name=picform>

<select name=selbox size=1 onChange="previewPic(this)">

<option value="toad-small.jpg">Toad

<option value="chameleon-small.jpg">Chameleon

<option value="lizard-small.jpg">Lizard

<option value="gecko-small.jpg">Gecko

</select>

<p>

<img name="previewpic" src="toad-small.jpg" width=106 height=64 border=1>

<p>

<input type=button value="Show Image" onclick="showPic(this.form.selbox)">

</form>

</center>

</BODY>

</HTML>

If you have a Business Proposal that you think may be of interest to us here at Best Download Sites please contact us to discuss the matter in further detail

More JavaScript Graphics

Image Preview First