Hello,
Can anyone tell me the basics of making an animated gif splash page? I have the sequence of gif images made, I just don't know how to incorporate them into my xhtml and css website. Any help would be greatly appreciated!
| SitePoint Sponsor |
Hello,
Can anyone tell me the basics of making an animated gif splash page? I have the sequence of gif images made, I just don't know how to incorporate them into my xhtml and css website. Any help would be greatly appreciated!

Hello
First you have to make the sequence of images into one animated .gif file.
I use Fireworks, though Image Ready will also do this as will other apps I imagine.
Then just use:Hope it helps.Code:<img src="" alt="" width="" height="" />![]()
You need a program that will save the image as an animated gif. What image editing program do you use? Once it is saved as an animated gif, it is added to the site just like you would any other image.
For simple animated gif's I use Animagic (you can find a trial download at download.com. It has some basic functions but I've always found it to work well, nice and easy to use too!
You have to create each image and then paste it into the software. I use PhotoShop Elements... depends what you use.
Adam
Thanks everyone, I didn't even realize that photoshop had this capability. I have made the animation and now just have to make it a splash page.
So do I make it it's own page that is a new index.html file and have the whole image be a link to the old index file? Do all browsers open the index.html first?

Hello
You will need to rename the current index.html to something else (main.html, index2.html or really whatever you want) then make the splash page index.html just as you said.
The main file is decided by the server, this can be changed with a .htaccess file by adding:That would cause it to load index.html first (if it exists), if not then it would look for main.html.Code:DirectoryIndex index.html main.html
Hope it helps.![]()
Of course if you dont have to have a splash screen, dont use one![]()
Bookmarks