Falling Images

[Baller95]

Oct 16, 2013 21:36:04 GMT -8 jrryan said:

Baller95
Baller95 it might be wise to pull your plugin from the library until you can get this bug out? Also when you make the changes that Eton suggested if you holler at me I'll download the changed version and check it out on IE10.

jrryan, I think it's fixed! Have a look at the other thread

[Former Member]

I love this plugin! Any chance of an option for images to rise instead of fall…. thinking about fireworks I am.

[Baller95]

Glad you like it Rita! I don't think I can make images rise but I'll see.

[Former Member]

Until you created this wonderful plugin I had been using the original www.dynamicdrive.com code, there's an option in their code to change direction.

<script type="text/javascript">

//Autumn leaves- by Kurt Grigg ([e-mail])
//Modified by Dynamic Drive for NS6 functionality
//visit http://www.dynamicdrive.com for this script
//Modified by jscheuer1 in http://www.dynamicdrive.com/forums
//for optional direction, add doctype compatibility, allow effect to
//work fully on wide pages, to not create 'dancing scrollbars' on small
//pages in some browsers & account for differences in speeds among browsers

var dir=1    // Set 'falling' direction (1 for down, -1 for up)
var speed=60  // 12 to whatever (60 is pretty slow) higher numbers are slower
var Amount=8; // Smoothness depends on image file size, the smaller the size the more you can use!
var sway=10  // Set amount of left/right swaying of objects (default=10), higher numbers produce more sway

//Pre-load your image below!
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="http://i493./rr297/WWWF_08/Backgrounds2/Autumn/al.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://i493./rr297/WWWF_08/Backgrounds2/Autumn/bl.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://i493./rr297/WWWF_08/Backgrounds2/Autumn/cl.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://i493./rr297/WWWF_08/Backgrounds2/Autumn/dl.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://i493./rr297/WWWF_08/Backgrounds2/Autumn/el.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://i493./rr297/WWWF_08/Backgrounds2/Autumn/fl.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;
var newie = /MSIE (\d+)/.exec(navigator.userAgent);
if(newie && newie[1] > 8){ns6 = true;}
speed=ns6? speed-12 : speed

if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
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[P];
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[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= (Math.random()*5+3)*dir;
Cstep[i]=0;
Step[i]=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[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx*sway*0.1;
if (Ypos[i] > WinHeight&&dir==1||Ypos[i] < 0 && dir==-1){
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=(Math.random()*5+3)*dir;
}
Ypos[i]=(Ypos[i] > WinHeight&&dir==1)? -60 : (Ypos[i] < 0 && dir==-1)? WinHeight+60 : Ypos[i];
if (ns){
document.layers['sn'+i].left=Xpos[i]+wscrll;
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
var dirFac=dir==1? 15 : 100
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i])+wscrll+'px';
document.getElementById("si"+i).style.top=Ypos[i]+hscrll-dirFac+'px';
}
else{
document.all["si"+i].style.left=Xpos[i]+wscrll+'px';
document.all["si"+i].style.top=Ypos[i]+hscrll+'px';
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',speed);
}

jQuery(fall);

</script>

[aRMY83]

Hello @ritab

Is there a chance that you could be more specific to it's location on Dynamic Drive?

Just curious as I have a code I'm using within Seasonal Falling Images that is quite similar.

[Former Member]

Hi aRMY83, here's a link that I started there recently - www.dynamicdrive.com/forums/showthread.php?75267-Autumn-Leaves

Link to the code - www.dynamicdrive.com/dynamicindex3/leaves.htm#.Ukv_hRZzr0c

How many 'Falling' plugins are there, I'm getting confused! LOL

[Former Member]

Ah could be it's your plugin that has stemmed from Dynamic Drive aRMY83 and not this one.

[aRMY83]

Thanks for the location and the more falling image plugins, the better.

[Baller95]

Thanks for the code @ritab, that one has got some nice features! I'll update my plugin later on

aRMY83, I never saw that plugin of yours, good stuff!

[aRMY83]

Hello Baller95

Thanks for the nice comments and as you and I via PM where discussing a few weeks ago, that I was working on this type of plugin and just took some time to get it up and running.

Just gave (main header) on my test site, the code @ritab showed you and it works great. Did try it in the plugin and it shows on all pages.

[Baller95]

Oct 18, 2013 4:39:58 GMT -8 aRMY83 said:

Hello Baller95

Thanks for the nice comments and as you and I via PM where discussing a few weeks ago, that I was working on this type of plugin and just took some time to get it up and running.

Just gave (main header) on my test site, the code @ritab showed you and it works great.

Definitely! That's great

[aRMY83]

I was editing and we must had entered our posts at the same time. As stated, it seems to show on all pages within the plugin.

[Baller95]

Oh, but it's set to only show on the main page?

[aRMY83]

It does not matter what I have it set to. You give it a go and see what happens on your end.

[Baller95]

Oct 18, 2013 5:55:58 GMT -8 aRMY83 said:

It does not matter what I have it set to. You give it a go and see what happens on your end.

I'll be on my laptop in an hour so I'll give it a shot then.