Tuesday, March 15, 2011

Javascript Code: Slide show showing pictures combo

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
<!-- 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  -->


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 -->

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->


<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
<img name="preview" src="1-small.jpg" width=150 height=113 border=1>
<input type=button value="view Image" onclick="CoffeeShow(this.form.selbox)">

<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>

No comments:

Post a Comment