HTML help please

[princess4u]

i have a web page that i've created for the fall
and i would like to have leaves falling on the screen
as someone views it

does anyone (Wierd Harold???) know how to do that
or have a site i can go to in order to learn?

 

[Weird Harold]

i have a web page that i've created for the fall
and i would like to have leaves falling on the screen
as someone views it

does anyone (Wierd Harold???) know how to do that
or have a site i can go to in order to learn?

I'm not sure that HTML can do what I think you want, but I'm not proficient in advanced HTML programming.

As close as I can suggest is to build an animated GIF of falling leaves you can use for the background. That can be done with simple HTML, but the leaves won't fall on the text, just around the edges or behind the text.

 

[princess4u]

now that i think about it - you are probably correct (again)

it's most likely not HTML but rather an animated background perhaps

i pm'd you

thanks

 

[Calista DeLorme]

Actually, there -is- a way to do it. Or make objects fall down your screen. And it -does- involve HTML. Once I find the link (I remember seeing it a lot before), I'll PM you asap.

 

[Weird Harold]

Actually, there -is- a way to do it. Or make objects fall down your screen. And it -does- involve HTML. Once I find the link (I remember seeing it a lot before), I'll PM you asap.

Through PMs, we discoverd that the effect she wants requires **********.

If you do find away to do it with HTML, please post it here too for others who might have the same need.

 

[Booboo19]

I know, I know !!!! yay I can be a big help, actually www.spiderpaws.com and then click on there html help , and if you play around in there they give you the codes for falling objects, but they also have one that has leaves falling, so there you go , already done for you . I also don't think its html although its compatible , I think the animations come from java.


SO ONCE AGAIN , go to www.spiderpaws.com and then in there html help

 

[Bobmi357]

There is no simple way to do exactly what you want. The html specifications do not allow for animated images in the background.

Having said that, THERE ARE WAYS you can make things appear as if they are in the background and animated. Java/**********, asp and dhtml all allow for images to be placed on the screen.

What you would need to do is make sure you place your static text and images into one layer, and then use a js/asp/dhtml applet to place your falling leaves into a layer below your static images.

The problem comes in when you're dealing with mutliple browsers and each handles the layering and dynamics slightly differently. What may look good in IE may not work, or worse, look like crap in Netscape or Firefox or Opera.

If you have your heart set on this, then the url below has several nice tutorials and examples you can look at;

http://www.htmlgoodies.com/beyond/layers.html

I should caution you however, when making a webpage you want to make sure the page is readable to the viewer. If your animations conflict with the content, people will not have nice things to say about what you're putting online.

Edited: For some reason the board edited out the word J A V A S C R I P T. Weird eh?

 

[xDonkeyxPunchx]

you want to use ********** for that, but HTML is involved as far as it while hold the script.

try these guys www.daniweb.com/techtalkforums/ they have alot alot of good information.

 

[Booboo19]

hey guys, my method was a simple copy and insert the right places where they tell you , those sound way too complicated

 

[princess4u]

thank you to all of you for taking the time to help with this - i'm sure with all that help i'll be able to figure it out

and booboo thanks for posting that site - lots of helpful stuff there - and like you said, the ability to cut and paste

 

[h_i_s]

It's really not difficult at all.

i've used the 'drifting images scripts' on my sites' pages for a few years now. It's a java script. Just add the script to your HTML and be sure the images are stored in the main web folder or site index.
Here's one with flowers: http://www.shearologist.com/altsmileys.html .

If you view the source code, note the image names. You can substitute other images easily. Simply change the image names appropriately within the script to match those of the new ones you wish to use.

i (aka shear ... my other screen name as noted there) created a web page ( http://www.homemadehtml.com/page-drifters.html ) a while back that helps with doing this, offers 9 sets of images to use (i made then in Paint Shop Pro), and supplies the code ( just select all and copy & paste the code -- SIMPLE!! ) . i have the leaf images ( as well as flowers, butterflies, pumpkins, shamrocks, smileys, hearts and candy canes ) available there for download ( all images are zipped so you'll need winzip or a similar program to open them ).

Each individual image CAN also be substituted with any animated gif of the same size proportions. Also, anyone who is good with reading scripts can change the speed and such by changing a few numbers within the script.

And yes ...... it IS a java script. They are not difficult to use at all. The only knowledge required is the ability to highlight the code then copy & paste it anywhere between the < body > & < /body > tags of the html code.


... now if i can just get past having to edit my posts due to my severe affliction with typosism ... i'll be all set. lol

 

[princess4u]

Re: It's really not difficult at all.

Here's one with flowers: http://www.shearologist.com/altsmileys.html .

If you view the source code, note the image names. You can substitute other images easily. Simply change the image names appropriately within the script to match those of the new ones you wish to use.

i (aka shear ... my other screen name as noted there) created a web page ( http://www.homemadehtml.com/page-drifters.html ) a while back that helps with doing this, offers 9 sets of images to use (i made then in Paint Shop Pro), and supplies the code ( just select all and copy & paste the code -- SIMPLE!! ) . i have the leaf images ( as well as flowers, butterflies, pumpkins, shamrocks, smileys, hearts and candy canes ) available there for download ( all images are zipped so you'll need winzip or a similar program to open them ).

Each individual image CAN also be substituted with any animated gif of the same size proportions. Also, anyone who is good with reading scripts can change the speed and such by changing a few numbers within the script.

[/COLOR]

thanks! this is very helpful and i copied and pasted and now i have little white boxes with red x's floating down my page - LOL

i'm not quite sure where i am supposed to store the images????

 

[princess4u]

success!!!

I FINALLY DID IT !!!

i now have little hearts floating down the page instead of the boxes with x's

thanks for your help ~

 

[Zergplex]

Zergplex Says

There is no simple way to do exactly what you want. The html specifications do not allow for animated images in the background.

Having said that, THERE ARE WAYS you can make things appear as if they are in the background and animated. Java/**********, asp and dhtml all allow for images to be placed on the screen.

What you would need to do is make sure you place your static text and images into one layer, and then use a js/asp/dhtml applet to place your falling leaves into a layer below your static images.

The problem comes in when you're dealing with mutliple browsers and each handles the layering and dynamics slightly differently. What may look good in IE may not work, or worse, look like crap in Netscape or Firefox or Opera.

If you have your heart set on this, then the url below has several nice tutorials and examples you can look at;

http://www.htmlgoodies.com/beyond/layers.html

I should caution you however, when making a webpage you want to make sure the page is readable to the viewer. If your animations conflict with the content, people will not have nice things to say about what you're putting online.

Edited: For some reason the board edited out the word J A V A S C R I P T. Weird eh?

YAY! HTMLGoodies is a great website. I loved it way back when I did webdesign.

-Zergplex

 

[Bobmi357]

Re: Zergplex Says

YAY! HTMLGoodies is a great website. I loved it way back when I did webdesign.

-Zergplex

I still consult it from time to time, mostly for its reference material or to double check the syntax of something.

 

[Booboo19]

you're quite welcome at least i was right once hehe, for those little x's i use photobucket to store my stuff, that way i only have access to my pictures and i can upload from my computer or from a website