Falling leaves

[aRMY83]

Hello blc

Give it a try and see what you come up with. That I have not tried yet, but now you got me thinking...

p.s. that would seem like a lot of work changing images with 1 plugin and just maybe, create the same type of plugin for, let's say, winter, spring, summer and fall. *just a thought*

The second thing is that the leaves show for me now with photobucket HOWEVER, for whatever reason, they don't all display. I checked your link, and they don't all display for you either. in fact, when I checked your link, two of leaves were not represented. The small brown aspen leaf and the sycamore. The large yellow and the bigger brown one. The maple leaf showed and the two green ones. I refreshed my test site and again only 5 showed, but it seems to alternate between which one gets left out. weird. Just refreshed your page and now 5 show, no aspen again though.

Must agree as I encounter the same thing. When I refresh, one or maybe two leafs are not there, and again refresh, and they all seem to show up (most of the time).

[Timebomb007]

Is there a way to make scrolling up and down not affect the leaves movement?

[blc]

Oct 1, 2013 9:15:24 GMT -8 aRMY83 said:

Hello blc

Give it a try and see what you come up with. That I have not tried yet, but now you got me thinking...

p.s. that would seem like a lot of work changing images with 1 plugin and just maybe, create the same type of plugin for, let's say, winter, spring, summer and fall. *just a thought*

The second thing is that the leaves show for me now with photobucket HOWEVER, for whatever reason, they don't all display. I checked your link, and they don't all display for you either. in fact, when I checked your link, two of leaves were not represented. The small brown aspen leaf and the sycamore. The large yellow and the bigger brown one. The maple leaf showed and the two green ones. I refreshed my test site and again only 5 showed, but it seems to alternate between which one gets left out. weird. Just refreshed your page and now 5 show, no aspen again though.

Must agree as I encounter the same thing. When I refresh, one or maybe two leafs are not there, and again refresh, and they all seem to show up (most of the time).

Ok. I went into the code you gave and changed the image to clover's for St Pat's day. But still have the leaves in the corner, so something else needs changing.

Here's the test site

trueblueliberydev.boards.net/

Edit... Forgot about having it be a plug in. Went and disabled the plug in and the script in the header works with the shamrocks.

[blc]

Oct 1, 2013 9:15:24 GMT -8 aRMY83 said:

Hello blc

Give it a try and see what you come up with. That I have not tried yet, but now you got me thinking...

p.s. that would seem like a lot of work changing images with 1 plugin and just maybe, create the same type of plugin for, let's say, winter, spring, summer and fall. *just a thought*

The second thing is that the leaves show for me now with photobucket HOWEVER, for whatever reason, they don't all display. I checked your link, and they don't all display for you either. in fact, when I checked your link, two of leaves were not represented. The small brown aspen leaf and the sycamore. The large yellow and the bigger brown one. The maple leaf showed and the two green ones. I refreshed my test site and again only 5 showed, but it seems to alternate between which one gets left out. weird. Just refreshed your page and now 5 show, no aspen again though.

Must agree as I encounter the same thing. When I refresh, one or maybe two leafs are not there, and again refresh, and they all seem to show up (most of the time).

Its weird but not that big of a deal since 5 is cool, even 4.. and with a lot of seasons or holidays we may be using just the one image anyway. stars, shamrocks, snowflakes, tiny daisies, bats raindrops... etc

[blc]

Sept 30, 2013 6:08:46 GMT -8 jrryan said:

Army that code you listed goes whacko on IE10 but here is a older version of the code that does work in IE10 and FF but what is nuts is the leaves or snow if you want scroll up the page instead of falling? It will not work with chrome at all?

Code:
<script type="text/javascript">
<!--

//Autumn leaves- by Kurt Grigg ([e-mail])
//Modified by Dynamic Drive for NS6 functionality
//visit www.dynamicdrive.com for this script
//Modified by jscheuer1 in www.dynamicdrive.com/forums
//to fall up, add doctype compatibility & account for
//differences in speeds among browsers

var speed=60 // 12 to whatever (60 is pretty slow) higher numbers are slower
Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!

//Pre-load your image below!
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="http://www.jr-richscooterdoc.com/XsmileP/leaf1.gif ";
Image1=new Image();
Image1.src=grphcs[1]="http://www.jr-richscooterdoc.com/XsmileP/leaf2.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://www.jr-richscooterdoc.com/XsmileP/leaf3.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://www.jr-richscooterdoc.com/XsmileP/leaf4.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://www.jr-richscooterdoc.com/XsmileP/leaf5.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://www.jr-richscooterdoc.com/XsmileP/leaf6.gif"

//////////////// Stop Editing //////////////

function iecompattest(){
return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body
}

Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all||window.opera)?1:0;

speed=ns6? speed-12 : speed

if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs

;
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs

;
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.iecompattest().clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.iecompattest().clientWidth;
for (i=0; i < Amount; i++){
Ypos = Math.round(Math.random()*WinHeight);
Xpos = Math.round(Math.random()*WinWidth);
Speed= (Math.random()*5+3)*-1;
Cstep=0;
Step=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.iecompattest().clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.iecompattest().clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:iecompattest().scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:iecompattest().scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed*Math.sin(90*Math.PI/180);
sx = Speed*Math.cos(Cstep);
Ypos+=sy;
Xpos+=sx;
if (Ypos < 0 ){
Ypos=WinHeight+60;
Xpos=Math.round(Math.random()*WinWidth);
Speed=(Math.random()*5+3)*-1;
}
if (ns){
document.layers['sn'+i].left=Xpos+wscrll;
document.layers['sn'+i].top=Ypos+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos)+wscrll+'px';
document.getElementById("si"+i).style.top=Ypos+hscrll-100+'px';
}
else{
document.all["si"+i].style.left=Xpos+wscrll+'px';
document.all["si"+i].style.top=Ypos+hscrll+'px';
}
Cstep+=Step;
}
setTimeout('fall()',speed);
}

window.onload=fall
//-->
</script>



I'm trying to figure the scrolling up thing when the code clearly says fall? I'm betting Eton can fix this?

Preview and BTW I still have a V4 forum that is currently on the list to convert and it does the same thing.

thescooterprofessor.proboards.com/

Do you still have the code, that the leaves are falling up?

That might be better for small images of bats flying around... Going up might show flight better.

[aRMY83]

Hello blc

Edit... Forgot about having it be a plug in. Went and disabled the plug in and the script in the header works with the shamrocks.

Just did a View Page Source and see the falling leaves / shamrocks plugins enabled:



proboards.plugin._plugins["falling_leaves"] = {

proboards.plugin._plugins["shamrocks"] = {

Just thought you'd want to know as I see the leaves trying to load at the upper left corner.

Edit: just checked again and the shamrocks plugin is not showing now. *darn your fast!*

[blc]

Oct 1, 2013 11:42:30 GMT -8 aRMY83 said:

Hello blc

Edit... Forgot about having it be a plug in. Went and disabled the plug in and the script in the header works with the shamrocks.

Just did a View Page Source and see the falling leaves / shamrocks plugins enabled:



proboards.plugin._plugins["falling_leaves"] = {

proboards.plugin._plugins["shamrocks"] = {

Just thought you'd want to know as I see the leaves trying to load at the upper left corner.

Edit: just checked again and the shamrocks plugin is not showing now. *darn your fast!*

check now. I loaded up some different bat images to see what they each do. LMAO

This is too much fun!!

[blc]

Oct 1, 2013 11:37:37 GMT -8 jrryan said:

LOL That is the code. I'm betting old Eton can work it out. Bats? Well Halloween is coming? LOL

Bats and spiders would be good for halloween.

[Baller95]

I wonder if you could use a .gif of a spider walking or bat flying. That would be sweet!

[blc]

Oct 1, 2013 12:26:53 GMT -8 Baller95 said:

I wonder if you could use a .gif of a spider walking or bat flying. That would be sweet!

i have bats at my test site now

trueblueliberydev.boards.net/

i had one similar to what you posted and it looked like it was coming at you! lol I took it out as it didn't go with the others. But if you want i can stick it back in for you to see.

[Baller95]

Oct 1, 2013 12:30:02 GMT -8 blc said:

i have bats at my test site now

trueblueliberydev.boards.net/

i had one similar to what you posted and it looked like it was coming at you! lol I took it out as it didn't go with the others. But if you want i can stick it back in for you to see.

Ha! Sweet

[blc]

Oct 1, 2013 12:26:53 GMT -8 Baller95 said:

I wonder if you could use a .gif of a spider walking or bat flying. That would be sweet!

I added in the one similar to yours if yiu want to check it out. I took it out a while ago as it was too different from the others

[aRMY83]

My goodness, what have I created here...

This plugin idea could be unlimited to what one wants to display.

I have to agree with jrryan on having images to large, but what the heck, go for.

[blc]

Oct 1, 2013 13:31:31 GMT -8 aRMY83 said:

My goodness, what have I created here...

This plugin idea could be unlimited to what one wants to display.

I have to agree with jrryan on having images to large, but what the heck, go for.

Now i have my test site loaded with spiders.

trueblueliberydev.boards.net/

This is so much fun, thanks Army..

[blc]

Oct 1, 2013 13:31:31 GMT -8 aRMY83 said:

My goodness, what have I created here...

This plugin idea could be unlimited to what one wants to display.

I have to agree with jrryan on having images to large, but what the heck, go for.

I just put it on the main page so it doesn't interfere too much.

Is there a way to link or post the phb file here in a thread?