How is this done!?

[beavereater]

http://www.sfu.ca/~abel/124Final/enter.htm

If you enter the site, you will notice the falling Sakura leaves. I am curious as to how this is done. Does anyone know. I am not an expert, so I don't know the difference between java, cgi and the rest...

[Craig Tucker]

Could be done with flash

[Faustus]

Its likely flash.

A website me and a friend made a long time ago (drunkenwyvern.com) use to have its site logo with automatted belch bubbles floating up the screen. Did with with flash and some other macromedia products like fireworks and stuff. Same with ironcloud.org, another we made, but no animation on that one.

[redwudz]

beavereater: I'm no expert on HTML, but you can probably look at the code on the page by using View>Source in IE explorer. You may be alble to see what was used to create the effect.

[beavereater]

beavereater: I'm no expert on HTML, but you can probably look at the code on the page by using View>Source in IE explorer. You may be alble to see what was used to create the effect.

Ya, I did that, and I am still a bit confused. I am sure it's not flash, as that is one think I am familiar with (in a minor way). I guess I have to read a little more. Thanks for the input anyway!!

[freestyler]

Looks like Javascript to me. Calculations to dictate the movement of this image are present in the script.

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>

<SCRIPT Language="JavaScript">

grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="YOUR_IMAGE.EXT";
Image1=new Image();
Image1.src=grphcs[1]="YOUR_IMAGE.EXT"
Image2=new Image();
Image2.src=grphcs[2]="YOUR_IMAGE.EXT"
Image3=new Image();
Image3.src=grphcs[3]="YOUR_IMAGE.EXT"
Image4=new Image();
Image4.src=grphcs[4]="YOUR_IMAGE.EXT"
Image5=new Image();
Image5.src=grphcs[5]="YOUR_IMAGE.EXT"
,,, goes on and on

[808smokey]

http://www.oscommerce.com/community/contributions,1699/category,all/search,snow

Try that site, it's snow flakes but you can look at the code

[Josef K]

Looks like Javascript to me. Calculations to dictate the movement of this image are present in the script.

Yes it's Javascript and at the very end of that script is:

}
setTimeout('fall()',10);
}

Wonder what the 'fall' part means...

This is one of those effects that ended up like page curls in cheap Photoshop plugins. Just because you can do it doesn't mean you have to. But... every December it's guaranteed you'll notice the sites with falling snowflakes.

However, the falling petals/snow/whatever aren't as bad as the 'tails' you sometimes find attached to your cursor that swing around as you're trying to click a link.