Full version: jsB@nk » Image » FlyingPictures
URL: https://www.javascriptbank.com/flyingpictures.html
Our popular flying-picture-script comes now with a stylish fade-in-fade-out effect. Movement, speed, dircetion and fade-effect are both driven by a random-function calculated for each image separately. Each image can be linked to a differerent URL. Crossbrowser (fade-effect for IE4 or higher only).
Full version: jsB@nk » Image » FlyingPictures
URL: https://www.javascriptbank.com/flyingpictures.html
<script><!-- Beginning of JavaScript -// FlyingPictures// URLs of floating images. Add as many images as you like.// ATTENTION: Too many images will dlow down the floating effect)var your_image=new Array()your_image[0]="logojs.gif"your_image[1]="photo1.jpg"your_image[2]="photo2.jpg"your_image[3]="photo3.jpg"your_image[4]="photo4.jpg"your_image[5]="photo5.jpg"// You may add links for each image separately.// In case you do not want to link a picture just add a '#' instead of an URL (see sample below)var your_image_link=new Array()your_image_link[0]="http://javascriptbank.com"your_image_link[1]="http://javascriptbank.com"your_image_link[2]="http://javascriptbank.com"your_image_link[3]="http://javascriptbank.com"your_image_link[4]="http://javascriptbank.com"your_image_link[5]="http://javascriptbank.com"// average speed of the floating images. Higher means fastervar floatingspeed=10// do not edit the variables belowvar tempo=20var numberofimages=your_image.length-1var stepx=new Array()var stepy=new Array()for (i=0;i<=numberofimages;i++) {stepx[i]=randommaker(floatingspeed)stepy[i]=randommaker(floatingspeed)}var imgwidth=new Array()var imgheight=new Array()for (i=0;i<=numberofimages;i++) {imgwidth[i]=10imgheight[i]=10}var x,yvar marginbottomvar marginleft=0var margintop=0var marginrightvar timervar spancontent=new Array()var imgpreload=new Array()for (i=0;i<=your_image.length;i++) {imgpreload[i]=new Image()imgpreload[i].src=your_image[i]}for (i=0;i<=numberofimages;i++) {spancontent[i]="<a href='"+your_image_link[i]+"'><img src='"+your_image[i]+"' border='0'></a>"}function setValues() {if (document.all) { marginbottom=document.body.clientHeight-5 marginright=document.body.clientWidth-5for (i=0;i<=numberofimages;i++) { var thisspan = eval("document.all.span"+i) thisspan.innerHTML=spancontent[i]var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=randommaker(marginright)thisspan.posTop=randommaker(marginbottom) }for (i=0;i<=numberofimages;i++) {var thisspan = eval("document.all.span"+i)imgwidth[i]=thisspan.offsetWidthimgheight[i]=thisspan.offsetHeight}checkmovement()}if (document.layers) { marginbottom=window.innerHeight-5 marginright=window.innerWidth-5for (i=0;i<=numberofimages;i++) { var thisspan=eval("document.span"+i+".document") thisspan.write(spancontent[i])thisspan.close()var thisspan=eval("document.span"+i) thisspan.left=randommaker(marginright)thisspan.top=randommaker(marginbottom) }for (i=0;i<=numberofimages;i++) {var thisspan=eval("document.span"+i+".document")imgwidth[i]=thisspan.widthimgheight[i]=thisspan.height} checkmovement()}}function randommaker(range) {rand=Math.floor(range*Math.random())if (rand==0) {rand=Math.ceil(range/2)} return rand}function checkmovement() {if (document.all) {checkposition()movepictures() timer=setTimeout("checkmovement()",tempo)}if (document.layers) {checkposition() movepictures() timer=setTimeout("checkmovement()",tempo)}}function movepictures() {if (document.all) {for (i=0;i<=numberofimages;i++) { var thisspan=eval("document.all.span"+(i)+".style") thisspan.posLeft+=stepx[i]thisspan.posTop+=stepy[i] }}if (document.layers) {for (i=0;i<=numberofimages;i++) { var thisspan = eval("document.span"+i) thisspan.left+=stepx[i]thisspan.top+=stepy[i] }}}function checkposition() {if (document.all) {for (i=0;i<=numberofimages;i++) { var thisspan=eval("document.all.span"+i+".style")if (thisspan.posLeft>marginright-imgwidth[i]) {thisspan.posLeft-=Math.abs(stepx[i]+1)stepx[i]=randommaker(floatingspeed)*-1}if (thisspan.posLeft<marginleft) {thisspan.posLeft+=Math.abs(stepx[i])stepx[i]=randommaker(floatingspeed)}if (thisspan.posTop>marginbottom-imgheight[i]) {thisspan.posTop-=Math.abs(stepy[i])stepy[i]=randommaker(floatingspeed)*-1}if (thisspan.posTop<margintop) {thisspan.posTop+=Math.abs(stepy[i])stepy[i]=randommaker(floatingspeed)}}}if (document.layers) {for (i=0;i<=numberofimages;i++) { var thisspan=eval("document.span"+i)if (thisspan.left>marginright-imgwidth[i]) {thisspan.left-=Math.abs(stepx[i]+1)stepx[i]=randommaker(floatingspeed)*-1}if (thisspan.left<marginleft) {thisspan.left+=Math.abs(stepx[i])stepx[i]=randommaker(floatingspeed)}if (thisspan.top>marginbottom-imgheight[i]) {thisspan.top-=Math.abs(stepy[i])stepy[i]=randommaker(floatingspeed)*-1}if (thisspan.top<margintop) {thisspan.top+=Math.abs(stepy[i])stepy[i]=randommaker(floatingspeed)}}}}// - End of JavaScript - --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><body id="thisbody" onLoad="setValues()" style="width:100%;overflow-x:hidden;overflow-y:hidden"><script><!-- Beginning of JavaScript -for (i=0;i<=numberofimages;i++) { document.write("<span id='span"+i+"' style='position:absolute'></span>") document.close()}// - End of JavaScript - --></script></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->