+ Post New Thread
Results 1 to 3 of 3
Scripts Thread, Need help tweaking a script in Coding and Web Development; Hi, I was wondering if anyone would be kind enough to help me. Basically I am using the following script ...
  1. #1
    BassTech's Avatar
    Join Date
    Nov 2008
    Location
    England
    Posts
    481
    Thank Post
    50
    Thanked 30 Times in 23 Posts
    Rep Power
    23

    Need help tweaking a script

    Hi,

    I was wondering if anyone would be kind enough to help me. Basically I am using the following script to create a snow effect:

    Code:
    <script language="JavaScript1.2"> 
    /*
    Snow Effect Script
    Created and submitted by Altan d.o.o. (snow@altan.hr, http://www.altan.hr/snow/index.html)
    Permission granted to Dynamicdrive.com to feature script in archive
    For full source code and installation instructions to this script, visit http://dynamicdrive.com
    */
    
    
    //Configure below to change URL path to the snow image
    var snowsrc="https://vle.queenmaryshigh.walsall.sch.uk/user/74/118004.png"
    // Configure below to change number of snow to render
    var no = 5;
    
    var ns4up = (document.layers) ? 1 : 0; // browser sniffer
    var ie4up = (document.all) ? 1 : 0;
    
    var dx, xp, yp; // coordinate and position variables
    var am, stx, sty; // amplitude and step variables
    var i, doc_width = 800, doc_height = 600;
    
    if (ns4up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
    } else if (ie4up) {
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
    }
    
    dx = new Array();
    xp = new Array();
    yp = new Array();
    am = new Array();
    stx = new Array();
    sty = new Array();
    
    for (i = 0; i < no; ++ i) { 
    dx[i] = 0; // set coordinate variables
    xp[i] = Math.random()*(doc_width-50); // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20; // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random(); // set step variables
    if (ns4up) { // set layers
    if (i == 0) {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://dynamicdrive.com/\"><img src='"+snowsrc+"' border=\"0\"></a></layer>");
    } else {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");
    }
    } else if (ie4up) {
    if (i == 0) {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"></a></div>");
    } else {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>");
    }
    }
    }
    
    function snowNS() { // Netscape main animation function
    for (i = 0; i < no; ++ i) { // iterate for every dot
    yp[i] += sty[i];
    if (yp[i] > doc_height-50) {
    xp[i] = Math.random()*(doc_width-am[i]-30);
    yp[i] = 0;
    stx[i] = 0.02 + Math.random()/10;
    sty[i] = 0.7 + Math.random();
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
    }
    dx[i] += stx[i];
    document.layers["dot"+i].top = yp[i];
    document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowNS()", 10);
    }
    
    function snowIE() { // IE main animation function
    for (i = 0; i < no; ++ i) { // iterate for every dot
    yp[i] += sty[i];
    if (yp[i] > doc_height-50) {
    xp[i] = Math.random()*(doc_width-am[i]-30);
    yp[i] = 0;
    stx[i] = 0.02 + Math.random()/10;
    sty[i] = 0.7 + Math.random();
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
    }
    dx[i] += stx[i];
    document.all["dot"+i].style.pixelTop = yp[i];
    document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowIE()", 10);
    }
    
    if (ns4up) {
    snowNS();
    } else if (ie4up) {
    snowIE();
    }
    
    </script>
    The problem is it only works properly in IE7, is it possible to change it to work with IE8, FireFox and Google Chrome?

    Thanks to anyone who helps

    Lee

  2. #2
    tommccann's Avatar
    Join Date
    Jun 2009
    Posts
    252
    Thank Post
    46
    Thanked 39 Times in 31 Posts
    Rep Power
    0
    This is the one iv used in the past, works with everything even safari and firefox!
    plus can be changed to fairy lights (sorry!! i mean puff lanterns) very easily



    Enjoy!
    Attached Files Attached Files

  3. #3
    BassTech's Avatar
    Join Date
    Nov 2008
    Location
    England
    Posts
    481
    Thank Post
    50
    Thanked 30 Times in 23 Posts
    Rep Power
    23
    Quote Originally Posted by tommccann View Post
    This is the one iv used in the past, works with everything even safari and firefox!
    plus can be changed to fairy lights (sorry!! i mean puff lanterns) very easily



    Enjoy!
    Hi, thanks for the script. I tried this but the website I'm using it on has a java menu and every time you put your mouse on the menu it causes the snow to freeze (no pun intended ) and then it doesn’t continue to snow unless you refresh the page. Is there any way to get around this? It happens on all browsers

    Thanks

SHARE:
+ Post New Thread

Similar Threads

  1. Packaging and Tweaking Scribus
    By randle in forum Educational Software
    Replies: 9
    Last Post: 22nd March 2010, 04:12 PM
  2. Replies: 3
    Last Post: 2nd April 2008, 09:00 PM
  3. Logon script & Printer script question.
    By Galway in forum Windows
    Replies: 3
    Last Post: 29th August 2007, 11:00 AM
  4. Replies: 1
    Last Post: 2nd August 2007, 08:27 PM
  5. Replies: 9
    Last Post: 8th March 2007, 05:26 PM

Thread Information

Users Browsing this Thread

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

Tags for this Thread

Posting Permissions

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