topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

graphic-javascript-effect-image-listbox-effect.htm / htm



  
  <!-- ONE STEP TO INSTALL IMAGE LISTBOX:
  
    1.  Copy the coding into the BODY of your HTML document  -->
  
  <!-- STEP ONE: Paste this code into the BODY of your HTML document  -->
  
  <BODY>
  
  <SCRIPT LANGUAGE="JavaScript">
  
  <!-- This script and many more are available free online at -->
  <!-- The JavaScript Source!! http://javascript.internet.com -->
  <!-- Original:  pieterpareit@hotmail.com  -->
  <!-- Web Site:  http://www24.brinkster.com/scriptbreaker/home.htm -->
  <!-- Begin
  
  var Image_array = new Array();
  //new Array("Image location",width,height,"discription image")
  Image_array[0] = new Array("houseproud_P.jpg",100,90,"House Proud");
  Image_array[1] = new Array("pariscallingP.jpg",100,90,"Paris calling");
  Image_array[2] = new Array("frenchsessionsP.jpg",100,90,"French Session");
  Image_array[3] = new Array("coverfullonP.jpg",100,90,"Full on");
  //If you want to add  more images use Image_array[4]= ...
  
  function setf(thisv)
  {
    img_changer.src = Image_array[thisv][0];
    img_changer.style.width = Image_array[thisv][1];
    img_changer.style.height = Image_array[thisv][2];
  }
  </script>
  
  <center>
  
  <select onchange="setf(this.selectedIndex)">
  <script language=javascript>
  for(i=0;i<Image_array.length;i++)
  {
   document.write("<option>" + Image_array[i][3]);
  }
  
  </script>
  </select>
  
  <br><br>
  <img name=img_changer border=1>
  </center>
  
  <script language=javascript>
  setf(0);
  //  End -->
  </script>
  
  <p><center>
  <font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
  by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
  </center><p>
  
  <!-- Script Size:  1.57 KB -->
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.