Falling Images

[Timebomb007]

Oct 9, 2013 4:46:32 GMT -8 Baller95 said:

Oct 6, 2013 10:47:31 GMT -8 Timebomb007 said:

Yes, just those and for Halloween. Sure, thanks.

Here you go. Use the "halloween" preset

plugin

Thanks, though I like how the header code works better, because the images don't go down with you when scrolling and they don't show up on the top-left for a few seconds when loading/refreshing page.  Just so you know, you have a leaf included in with the Halloween.

[Sassy]

Oct 9, 2013 4:46:32 GMT -8 Baller95 said:

Oct 6, 2013 10:47:31 GMT -8 Timebomb007 said:

Yes, just those and for Halloween. Sure, thanks.

Here you go. Use the "halloween" preset

plugin

Thank you!  You're a genius!  Works perfectly and I love it!   

[sonnysu]

Works great. Thank you! I waited for something like this sooo long.

[Baller95]

Oct 9, 2013 5:14:26 GMT -8 Timebomb007 said:

Oct 9, 2013 4:46:32 GMT -8 Baller95 said:

Here you go. Use the "halloween" preset

plugin

Thanks, though I like how the header code works better, because the images don't go down with you when scrolling and they don't show up on the top-left for a few seconds when loading/refreshing page.  Just so you know, you have a leaf included in with the Halloween.

Which header code are you using? I just added that in there as I needed to use 6 images but if you have an alternative image, let me know.

Oct 9, 2013 5:16:18 GMT -8 Sassy said:

Oct 9, 2013 4:46:32 GMT -8 Baller95 said:

Here you go. Use the "halloween" preset
plugin

Thank you!  You're a genius!  Works perfectly and I love it!   

Oct 9, 2013 5:20:26 GMT -8 sonnysu said:

Works great. Thank you! I waited for something like this sooo long.

Thanks Sassy and sonnysu, I'm glad you like it!

[Baller95]

Link on original post has been updated

[Timebomb007]

You can use any of the images from www.carvia.net/Halloween.html

I'm using this header code (change "1.gif" to URL of image):
<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 path to the snow image
var snowsrc = "1.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) ? "snow.gif" : 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.replace(/\d\.gif$/,(parseInt(Math.random()*5+1)+".gif")) + "' 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.replace(/\d\.gif$/,(parseInt(Math.random()*5+1)+".gif")) + "' border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up ? window.innerWidth - 10 : iecompattest().clientWidth - 10;
doc_height = $(document).height()
for (i = 0; i < no; ++i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height - 60) {
xp[i] = Math.random() * (doc_width - am[i] - 60);
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 * 90)
}

</script>

[Baller95]

I've re-done the coding for the plugin thanks to the help of Tim Camara. Before releasing the new plugin I'll be adding a few more preset images. Does anyone have image suggestion for a christmas plugin? Also, what other presets should I add?

[Timebomb007]

Thanks. There's images on here you might like using. www.carvia.net/christmas.html

[Baller95]

Thanks those are great!

[Sassy]

Oct 10, 2013 12:25:30 GMT -8 Timebomb007 said:

Thanks. There's images on here you might like using. www.carvia.net/christmas.html

Those are excellent little images!   

[Baller95]

Falling Images V2 has been released! Re-coded and with all new preset image options! Link is in the original post.

Enjoy



Tags: aRMY83, ₪» ⅀ ƪ Ƒ «₪, blueshead, Sassy, Jaguar, Wormopolis, Timebomb007, blc, sonnysu, STLUEE, Emma, jrryan, Chris

[Baller95]

Oh and be sure to "like" my original post if the plugin works well for you

[Timebomb007]

Halloween has a leaf in the preset images.

Thanks, it works in Internet Explorer. However, in Internet Explorer, scrolling doesn't affect the falling images. In Firefox, the images fall with the movement of scrolling.

[Baller95]

Oct 10, 2013 18:57:00 GMT -8 Timebomb007 said:

Halloween has a leaf in the preset images.

Thanks, it works in Internet Explorer.

I just threw that in there as it's still fall

Glad it works though!

[Sassy]

Thank you very much Baller95 for the plug-in .... it has so many different floaties ... I just love it! Thank you!