»
EnglishFrenchVietnamese

Print - Floating images script - JavaScriptBank.com

Full version: jsB@nk » Image » Floating images script
URL: http://www.javascriptbank.com/floating-images-script-index.html

Floating images script © JavaScriptBank.comOne important feature of DHTML is it's ability to move elements around the page freely, without having to be tied down to one single spot on the page. 'Virtual Max' took full advantage of this feature and created his cool 'floating images' script for our Dynamic Drive surfers to use and enjoy. It's a cross-browser script that moves any number of images around the page (by wrapping the images inside <div>s, and animating each <div>), each following a randomly determined path. Furthermore, the images are clickable, making this script not only insanely cool, but practical as well!

Full version: jsB@nk » Image » Floating images script
URL: http://www.javascriptbank.com/floating-images-script-index.html



JavaScript
<script type="text/javascript">/************************************************ Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)***********************************************///Step 1: Define unique variable names depending on number of flying images (ie:3):var flyimage1, flyimage2, flyimage3function pagestart(){//Step 2: Using the same variable names as 1), add or delete more of the below lines (60=width, height=80 of image): flyimage1=new Chip("flyimage1",47,68); flyimage2=new Chip("flyimage2",47,68); flyimage3=new Chip("flyimage3",47,68);//Step 3: Using the same variable names as 1), add or delete more of the below lines:movechip("flyimage1");movechip("flyimage2");movechip("flyimage3");}if (window.addEventListener)window.addEventListener("load", pagestart, false)else if (window.attachEvent)window.attachEvent("onload", pagestart)else if (document.getElementById)window.onload=pagestart</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<DIV ID="flyimage1" STYLE="position:absolute; left: -500px; width:47; height:68;"><A HREF="http://jsbank.topcities.com"><IMG SRC="ballon4.gif" BORDER=0></a></DIV><DIV ID="flyimage2" STYLE="position:absolute; left: -500px; width:47; height:68;"><A HREF="http://jsbank.topcities.com"><IMG SRC="ballon3.gif" BORDER=0></a></DIV><DIV ID="flyimage3" STYLE="position:absolute; left: -500px; width:47; height:68;"><A HREF="http://jsbank.topcities.com"><IMG SRC="ballon2.gif" BORDER=0></a></DIV><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


Files
http://javascriptbank.com/javascript/image/Floating_images_script/moveobj.jshttp://javascriptbank.com/javascript/image/Floating_images_script/ballon2.gifhttp://javascriptbank.com/javascript/image/Floating_images_script/ballon3.gifhttp://javascriptbank.com/javascript/image/Floating_images_script/ballon4.gif