vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)
-   -   Random Image Falling On Page Refresh? (https://vborg.vbsupport.ru/showthread.php?t=255142)

yotsume 12-13-2010 06:44 AM
Random Image Falling On Page Refresh?
 
Can anyone help me add code to this script so that a random image for the falling snow would be used on each page reload/refresh instead of only one image.

Thanks!

https://vborg.vbsupport.ru/showthread.php?p=2133151

Michael.A 12-13-2010 07:08 AM
the script am using doesn't use a image but a . ur site well take from ever to lode...

but here it goes

snowsrc is the call of the image so try naming it different.

Code:

  //Configure below to change URL path to the snow image

  var snowsrc="images/misc/snowflake.gif"
  var snowman="images/misc/snowman.gif"
  var reindeer="images/misc/reindeer.gif"
Code:

  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snowflake.gif" : snowsrc
  snowman=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snowman.gif" : snowman
  reindeer=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "reindeer.gif" : reindeer

but i dont know what to do with that part!
Code:

        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>");
lat me how it goes ?

yotsume 12-13-2010 07:23 AM
Say what?

Yea it uses images or I would not have asked!

Here is my site live where it is running with one image. I need it to call random images on page reloads.

http://www.globalschoolconnect.com/

It loads fast!

Michael.A 12-13-2010 07:36 AM
all i said was that am using a different script from the one ur using...
but ya did you try the code i posted?

yotsume 12-13-2010 07:50 AM
Your code only shows the first image in the list the snowflake. The rest will not work on page reload. :(

Michael.A 12-13-2010 08:04 AM
good now find this
Code:

        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>");
replace with this
Code:

        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>");

        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 20px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowman+"' 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>");

        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 20px; LEFT: 15px;\"><img src='"+snowman+"' border=\"0\"><\/div>");

yotsume 12-13-2010 08:20 AM
Nope but I have my snowman stuck up in the right corner of my banner now and only the snowflakes fall. LOL :(

Maybe I messed up an edit?

Here is my js file content with your alterations:

Code:
/******************************************

* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)

* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code

* Last updated Nov 9th, 05' by DD. This notice must stay intact for use

******************************************/



  //Configure below to change URL path to the snow image

  var snowsrc="http://www.globalschoolconnect.com/images/misc/snowflake.gif"
  var snowman="http://www.globalschoolconnect.com/images/misc/snowman.gif"
  var reindeer="http://www.globalschoolconnect.com/images/misc/reindeer.gif"


  //Configure below to change number of snow to render

  var no = 10;

  //Configure whether snow should disappear after x seconds (0=never):

  var hidesnowtime = 0;

  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")

  var snowdistance = "pageheight";



///////////Stop Config//////////////////////////////////



  var ie4up = (document.all) ? 1 : 0;

  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;



    function iecompattest(){

    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

    }



  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 (ns6up) {

    doc_width = self.innerWidth;

    doc_height = self.innerHeight;

  } else if (ie4up) {

    doc_width = iecompattest().clientWidth;

    doc_height = iecompattest().clientHeight;

  }



  dx = new Array();

  xp = new Array();

  yp = new Array();

  am = new Array();

  stx = new Array();

  sty = new Array();

  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snowflake.gif" : snowsrc
  snowman=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snowman.gif" : snowman
  reindeer=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "reindeer.gif" : reindeer

  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 (ie4up||ns6up) {

      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>");

        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 20px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowman+"' 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>");

        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 20px; LEFT: 15px;\"><img src='"+snowman+"' border=\"0\"><\/div>");

      }

    }

  }



  function snowIE_NS6() {  // IE and NS6 main animation function

    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;

        doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;

    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();

      }

      dx[i] += stx[i];

      document.getElementById("dot"+i).style.top=yp[i]+"px";

      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; 

    }

    snowtimer=setTimeout("snowIE_NS6()", 10);

  }



    function hidesnow(){

        if (window.snowtimer) clearTimeout(snowtimer)

        for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"

    }





if (ie4up||ns6up){

    snowIE_NS6();

        if (hidesnowtime>0)

        setTimeout("hidesnow()", hidesnowtime*1000)

        }

Michael.A 12-13-2010 08:29 AM
try this

PHP Code:
/******************************************

* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)

* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code

* Last updated Nov 9th, 05' by DD. This notice must stay intact for use

******************************************/



  //Configure below to change URL path to the snow image

  var snowsrc="images/misc/snowflake.gif"
  var snowman="images/misc/snowman.gif"
  var reindeer="images/misc/reindeer.gif"

  //Configure below to change number of snow to render

  var no = 5;

  //Configure whether snow should disappear after x seconds (0=never):

  var hidesnowtime = 0;

  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")

  var snowdistance = "pageheight";



///////////Stop Config//////////////////////////////////



  var ie4up = (document.all) ? 1 : 0;

  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;



    function iecompattest(){

    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

    }



  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 (ns6up) {

    doc_width = self.innerWidth;

    doc_height = self.innerHeight;

  } else if (ie4up) {

    doc_width = iecompattest().clientWidth;

    doc_height = iecompattest().clientHeight;

  }



  dx = new Array();

  xp = new Array();

  yp = new Array();

  am = new Array();

  stx = new Array();

  sty = new Array();

  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snowflake.gif" : snowsrc
  snowman=(snowman.indexOf("dynamicdrive.com")!=-1)? "snowman.gif" : snowman
  reindeer=(reindeer.indexOf("dynamicdrive.com")!=-1)? "reindeer.gif" : reindeer

  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 (ie4up||ns6up) {

      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>");

        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='"+snowman+"' 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>");

        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowman+"' border=\"0\"><\/div>");

      }

    }

  }



  function snowIE_NS6() {  // IE and NS6 main animation function

    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;

        doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;

    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();

      }

      dx[i] += stx[i];

      document.getElementById("dot"+i).style.top=yp[i]+"px";

      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";  

    }

    snowtimer=setTimeout("snowIE_NS6()", 10);

  }



    function hidesnow(){

        if (window.snowtimer) clearTimeout(snowtimer)

        for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"

    }





if (ie4up||ns6up){

    snowIE_NS6();

        if (hidesnowtime>0)

        setTimeout("hidesnow()", hidesnowtime*1000)

        } 

yotsume 12-13-2010 08:34 AM
Nope same thing. Snow falls and the snowman is stuck up there.

Have a peek here: http://www.globalschoolconnect.com/

Michael.A 12-13-2010 08:45 AM
try this...

PHP Code:

/******************************************

* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)

* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code

* Last updated Nov 9th, 05' by DD. This notice must stay intact for use

******************************************/



  //Configure below to change URL path to the snow image

  var snowsrc="images/misc/snowflake.gif"
  var snowman="images/misc/snowman.gif"
  var reindeer="images/misc/reindeer.gif"

  //Configure below to change number of snow to render

  var no = 10;

  //Configure whether snow should disappear after x seconds (0=never):

  var hidesnowtime = 0;

  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")

  var snowdistance = "pageheight";



///////////Stop Config//////////////////////////////////



  var ie4up = (document.all) ? 1 : 0;

  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;



    function iecompattest(){

    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

    }



  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 (ns6up) {

    doc_width = self.innerWidth;

    doc_height = self.innerHeight;

  } else if (ie4up) {

    doc_width = iecompattest().clientWidth;

    doc_height = iecompattest().clientHeight;

  }



  dx = new Array();

  xp = new Array();

  yp = new Array();

  am = new Array();

  stx = new Array();

  sty = new Array();

  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snowflake.gif" : snowsrc
  snowman=(snowman.indexOf("dynamicdrive.com")!=-1)? "snowman.gif" : snowman
  reindeer=(reindeer.indexOf("dynamicdrive.com")!=-1)? "reindeer.gif" : reindeer

  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 (ie4up||ns6up) {

      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>");

        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; right: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowman+"' 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>");

        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; right: 15px;\"><img src='"+snowman+"' border=\"0\"><\/div>");

      }

    }

  }



  function snowIE_NS6() {  // IE and NS6 main animation function

    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;

        doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;

    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();

      }

      dx[i] += stx[i];

      document.getElementById("dot"+i).style.top=yp[i]+"px";

      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";  

    }

    snowtimer=setTimeout("snowIE_NS6()", 10);

  }



    function hidesnow(){

        if (window.snowtimer) clearTimeout(snowtimer)

        for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"

    }





if (ie4up||ns6up){

    snowIE_NS6();

        if (hidesnowtime>0)

        setTimeout("hidesnow()", hidesnowtime*1000)

        } 

yotsume 12-13-2010 08:46 AM
I tried some variations of a random image array but could not get that to work. Like this page:

http://www.webdevelopersnotes.com/tu...avascript.php3

--------------- Added [DATE]1292237292[/DATE] at [TIME]1292237292[/TIME] ---------------

Well now I have two snowmen and only the snowflakes fall. UGGG

--------------- Added [DATE]1292238417[/DATE] at [TIME]1292238417[/TIME] ---------------

Well any ideas next???

Michael.A 12-13-2010 09:19 AM
am going to have to get back to that....

yotsume 12-13-2010 02:54 PM
I got this to work now perfectly! Here is the code to allow a list of multiple images to fall on a site on every page reload or refresh:

Code:
/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/

  //Configure below to change URL paths to your falling images
  var imgs=[
  '/images/misc/reindeer.gif',
  '/images/misc/snowman.gif',
  '/images/misc/snowflake.gif'
  ]

  var snowsrc=imgs[Math.floor(Math.random()*imgs.length)];
  // Configure below to change number of snow to render
  var no = 10;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

  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 (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=snowsrc
  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 (ie4up||ns6up) {
      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 snowIE_NS6() {  // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
        doc_height=(window.innerHeight &&  snowdistance=="windowheight")? window.innerHeight : (ie4up &&  snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up  && !window.opera && snowdistance=="pageheight")?  iecompattest().scrollHeight : iecompattest().offsetHeight;
    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();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
  }

    function hidesnow(){
        if (window.snowtimer) clearTimeout(snowtimer)
        for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
    }


if (ie4up||ns6up){
    snowIE_NS6();
        if (hidesnowtime>0)
        setTimeout("hidesnow()", hidesnowtime*1000)
        }

To have this on a stand alone HTML file use this code instead:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title>Random Falling Images</title>
</head>

<body>
<div style="height:400px;" ></div>
<script type="text/javascript">

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/

  //Configure below to change URL paths to your images
  var imgs=[
  '/images/misc/reindeer.gif',
  '/images/misc/snowman.gif',
  '/images/misc/snowflake.gif'
  ]

  var snowsrc=imgs[Math.floor(Math.random()*imgs.length)];
  // Configure below to change number of snow to render
  var no = 10;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

  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 (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=snowsrc
  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 (ie4up||ns6up) {
      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 snowIE_NS6() {  // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
        doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    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();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
  }

    function hidesnow(){
        if (window.snowtimer) clearTimeout(snowtimer)
        for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
    }


if (ie4up||ns6up){
    snowIE_NS6();
        if (hidesnowtime>0)
        setTimeout("hidesnow()", hidesnowtime*1000)
        }

</script></body>

</html>

Michael.A 12-15-2010 08:14 AM
post this in mods there well be a nice use for it when i have time i think i can make it in to a add-on for vb that u can add images from the admincp.. is it cool with you?

yotsume 12-17-2010 03:04 AM
Quote:
Originally Posted by MAD--DOG (Post 2134171)
post this in mods there well be a nice use for it when i have time i think i can make it in to a add-on for vb that u can add images from the admincp.. is it cool with you?
Adding admin support for uploading new images would be great. I plan to combine my version of this with a similar mod that is released that allows you have keep the falling objects at the bottom of the screen as they fall. So they collect there and build up and then eventually fade. Example is like when snow falls and accumulates. The code used is the exact same js file just altered.

Anyway let me know when you think you can help with the project. I am going to release this under the vb.3.8x section


All times are GMT. The time now is 02:17 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01597 seconds
  • Memory Usage 1,981KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (8)bbcode_code_printable
  • (2)bbcode_php_printable
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (15)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete