Solved

Animated FAVICON?

Posted on 2008-10-11
4
755 Views
Last Modified: 2013-12-25
Hello,
I thought a favicon can only be a static small icon image, but i have seen this site:
http://www.erodvd.nl/
(warning, kind of NSFW adult site) that has an animated icon... how is this possible and how can i make such an icon?

Thanks!
0
Comment
Question by:lopband
  • 3
4 Comments
 
LVL 15

Accepted Solution

by:
Daydreams earned 50 total points
ID: 22697100
Hi lopband,

There are some differences between various versions of browsers as far as displaying an animated favicon. Use the code below (between the <head> tags) to cover both:

<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="favicon.gif" type="image/gif" >

You create the animated icon as a simple animated gif file. The gif can be any small (16 x 16 image that you animate in a program such as photoshop or an animated gif program. Here's a freeware one: http://www.whitsoftdev.com/unfreez/ I like Animation Shop: http://www.corel.com/servlet/Satellite/us/en/Product/1152105040771#tabview=tab0

One could make a simple animated gif with this online tool: http://picasion.com/

More about animated favicons: http://www.eyestormstudio.com/blog/?p=8

http://www.herdboy.com/index.php?option=com_content&view=article&id=88&Itemid=111

http://www.whenpenguinsattack.com/2006/11/03/how-to-create-an-animated-favicon/

You can create static (not animated) favicons from images here: http://www.chami.com/html-kit/services/Favicon/


Animations may not show up in IE (they do in Firefox) so it's good to have a back up icon  (just use the code above) and have a static as well as animated icon for your guests.
0
 
LVL 15

Expert Comment

by:Daydreams
ID: 22697113
Also, here's an online tool to create an animated gif file from multiple gif images: http://www.smileygenerator.us/animate/index.php
0
 
LVL 1

Author Comment

by:lopband
ID: 22697745
Points awarded, thanks!
0
 
LVL 15

Expert Comment

by:Daydreams
ID: 22697793
You're welcome lopband, and thanks for the excellent grade:-)
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

PaperPort is a popular document imaging/management product from Nuance Communications (http://www.nuance.com/). It is in widespread use by both individuals (http://www.nuance.com/for-individuals/by-product/paperport/index.htm) and businesses (http:/…
In a previously published article (http://www.experts-exchange.com/articles/10331/Automatic-Duplex-Scanning-in-PaperPort-Versions-11-12-14.html) here at Experts Exchange, I explained how to achieve duplex (double-sided) scanning in Nuance's PaperPor…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The goal of the tutorial is to teach the user the full work flow of how to use flash media encoder to stream onto YouTube.

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now