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-background-image-effect.htm / htm



  
  <!-- TWO STEPS TO INSTALL BACKGROUND CHANGER:
  
    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">
  <!-- Original:  Mark Whitnell (mwhitnel@southeast.net) -->
  <!-- Web Site:  http://users.leading.net/~mwhitnel -->
  
  <!-- This script and many more are available free online at -->
  <!-- The JavaScript Source!! http://javascript.internet.com -->
  
  <!-- Begin
  if (navigator.appName == "Microsoft Internet Explorer") {
  image_directory = "graphic-javascript-effect-background-"; // "http://javascript.internet.com/img/bg-changer/";
  clear = new Image();  clear.src = image_directory + "clear.jpg";
  pic1 = new Image();  pic1.src = image_directory + "chameleon.jpg";
  pic2 = new Image();  pic2.src = image_directory + "gecko.jpg";
  pic3 = new Image();  pic3.src = image_directory + "lizard.jpg";
  pic4 = new Image();  pic4.src = image_directory + "toad.jpg";
  }
  function imagechange(imgName) {
  if (navigator.appName == "Microsoft Internet Explorer") {
  document.body.background = eval(imgName + ".src");
     }
  }
  //  End -->
  </script>
  </HEAD>
  
  <!-- STEP TWO: Copy this code into the BODY of your HTML document  -->
  
  <BODY>
  
  <body background="graphic-javascript-effect-background-clear.jpg" name=bg>
  
  <a href="#" onMouseOver="imagechange('pic1');" onMouseOut="imagechange('clear');"><img src="graphic-javascript-effect-background-chameleon.jpg"></a>
  <a href="#" onMouseOver="imagechange('pic2');" onMouseOut="imagechange('clear');"><img src="graphic-javascript-effect-background-gecko.jpg"></a>
  <a href="#" onMouseOver="imagechange('pic3');" onMouseOut="imagechange('clear');"><img src="graphic-javascript-effect-background-lizard.jpg"></a>
  <a href="#" onMouseOver="imagechange('pic4');" onMouseOut="imagechange('clear');"><img src="graphic-javascript-effect-background-toad.jpg"></a>
  
  <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.75 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.