www.webdeveloper.com
Results 1 to 4 of 4

Thread: Falling images script

  1. #1
    Join Date
    Jul 2009
    Posts
    3

    Falling images script

    Heya

    I've been trying to get a falling images-script to work on a forum-site. The problem seems to be between the script:
    Code:
    <script language="JavaScript" src="http://therising.invisionzone.com/Flummy/Party/party3.js"></script>
    and dtd:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    (When I removed that line the scruot worked, however other parts of the formating on the forum looked odd instead.)


    Looking around this site, I found this similar topic with the same problem (although different script) as my images are too just sitting at the very top of the forums: http://www.webdeveloper.com/forum/sh...hreadid=213346

    Trying to replace the ddt-code above with the one from there,
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    didn't solve anything. Maybe I missed something?


    Would greatly appreciate any help. ^^


    Full source can be gained from the site in question: http://therising.invisionzone.com/index.php?
    Tried to paste it but it's too many characters to be posted here.

  2. #2
    Join Date
    Jul 2009
    Posts
    3
    Sorry for bumping this, but in bit of a rush to get it working (it's for a birthday-thing, so would like to have it working before the 29th). Thanks again.

  3. #3
    Join Date
    Jun 2004
    Location
    Portsmouth UK
    Posts
    2,675
    Code:
    // Fall v2.0 By MaxxBlade - http://www.maxxblade.co.uk/fall
    
    var fallObjects=new Array();function newObject(url,height,width){fallObjects[fallObjects.length]=new Array(url,height,width);}
    
    ///////////// EDIT THIS SECTION //////////////
    var numObjs=20, waft=50, fallSpeed=15, wind=0;
    newObject("http://therising.invisionzone.com/Flummy/Party/BalloonPurple.gif",29,15);
    newObject("http://therising.invisionzone.com/Flummy/Party/BalloonYellow.gif",29,15);
    newObject("http://therising.invisionzone.com/Flummy/Party/BalloonRed.gif",29,15);
    newObject("http://therising.invisionzone.com/Flummy/Party/BalloonGreen.gif",29,15);
    newObject("http://therising.invisionzone.com/Flummy/Party/BalloonBlue.gif",29,15);
    newObject("http://therising.invisionzone.com/Flummy/Party/redfetti.gif",36,33);
    newObject("http://therising.invisionzone.com/Flummy/Party/purplefetti.gif",46,15);
    newObject("http://therising.invisionzone.com/Flummy/Party/fettistar.gif",27,23);
    newObject("http://therising.invisionzone.com/Flummy/Party/fettig.gif",25,21);
    //////////////////////////////////////////////
    
    function winSize(){winWidth=(moz)?window.innerWidth:document.body.clientWidth;winHeight=(moz)?window.innerHeight:document.body.clientHeight;}
    
    function winOfy(){winOffset=(moz)?window.pageYOffset:document.body.scrollTop;}
    
    function fallObject(num,vari,nu){
    	objects[num]=new Array(parseInt(Math.random()*(winWidth-waft)),-30,(parseInt(Math.random()*waft))*((Math.random()>0.5)?1:-1),0.02+Math.random()/20,0,1+parseInt(Math.random()*fallSpeed),vari,fallObjects[vari][1],fallObjects[vari][2]);
    	if(nu==1){document.write('<img id="fO'+i+'" style="position:absolute;" src="'+fallObjects[vari][0]+'">'); }
    }
    
    function fall(){
    	for(i=0;i<numObjs;i++){
    		var fallingObject=document.getElementById('fO'+i);
    		if((objects[i][1]>(zxcWWHS()[0]-(objects[i][5]+objects[i][7])))||(objects[i][0]>(zxcWWHS()[0]-(objects[i][2]+objects[i][8])))){
             fallObject(i,objects[i][6],0);
            }
    		objects[i][0]+=wind;
            objects[i][1]+=objects[i][5];objects[i][4]+=objects[i][3];
             fallingObject.style.top=objects[i][1]+winOffset+'px';
             fallingObject.style.left=objects[i][0]+(objects[i][2]*Math.cos(objects[i][4]))+'px';
    	}
    	setTimeout("fall()",31);
    }
    
    function zxcWWHS(){
     if (window.innerHeight) return [window.innerWidth-10,window.innerHeight-10,window.pageXOffset,window.pageYOffset];
     else if (document.documentElement.clientHeight) return [document.documentElement.clientWidth-10,document.documentElement.clientHeight-10,document.documentElement.scrollLeft,document.documentElement.scrollTop];
     return [document.body.clientWidth,document.body.clientHeight,document.body.scrollLeft,document.body.scrollTop];
    }
    
    var objects=new Array(),winOffset=0,winHeight,winWidth,togvis,moz=(document.getElementById&&!document.all)?1:0;winSize();
    for (i=0;i<numObjs;i++){fallObject(i,parseInt(Math.random()*fallObjects.length),1);}
    window.onscroll=winOfy;window.onresize=winSize;fall();
    Vic

    God loves you and will never love you less.

    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  4. #4
    Join Date
    Jul 2009
    Posts
    3
    Thanks a lot mate, much appreciated.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles