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) ? 0;

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



    function 
iecompattest(){

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

    
}



  var 
dxxpyp;    // coordinate and position variables

  
var amstxsty;  // amplitude and step variables

  
var idoc_width 800doc_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 (0no; ++ 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 (
== 0) {

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

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

      } else {

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

        
document.write("<div id=\"dot"+"\" style=\"POSITION: absolute; Z-INDEX: "+"; 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 (
0no; ++ 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.snowtimerclearTimeout(snowtimer)

        for (
i=0i<noi++) 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) ? 0;

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



    function 
iecompattest(){

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

    
}



  var 
dxxpyp;    // coordinate and position variables

  
var amstxsty;  // amplitude and step variables

  
var idoc_width 800doc_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 (0no; ++ 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 (
== 0) {

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

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

      } else {

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

        
document.write("<div id=\"dot"+"\" style=\"POSITION: absolute; Z-INDEX: "+"; 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 (
0no; ++ 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.snowtimerclearTimeout(snowtimer)

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

    
}





if (
ie4up||ns6up){

    
snowIE_NS6();

        if (
hidesnowtime>0)

        
setTimeout("hidesnow()"hidesnowtime*1000)

        } 



All times are GMT. The time now is 03:26 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.03742 seconds
  • Memory Usage 1,922KB
  • 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
  • (6)bbcode_code_printable
  • (2)bbcode_php_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)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
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete