SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Sep 2006
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How make an animated gif splash intro?

    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!

  2. #2
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    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:
    Code:
    <img src="" alt="" width="" height="" />
    Hope it helps.

  3. #3
    SitePoint Zealot webfinity's Avatar
    Join Date
    Oct 2006
    Posts
    179
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  4. #4
    SitePoint Enthusiast
    Join Date
    Jun 2003
    Location
    Coventry, UK
    Posts
    55
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  5. #5
    SitePoint Member
    Join Date
    Sep 2006
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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?

  6. #6
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    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:
    Code:
    DirectoryIndex index.html main.html
    That would cause it to load index.html first (if it exists), if not then it would look for main.html.

    Hope it helps.

  7. #7
    Graphic Designer silver trophy Dache's Avatar
    Join Date
    Aug 2005
    Location
    Switzerland
    Posts
    149
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Of course if you dont have to have a splash screen, dont use one
    | identity | print | webdesign | typography |
    | My portfolio www.dache.ch |
    | Contact : email |


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •