今さらながらアニメーションファビコンが表示されるようにしてみる（Firefox）

★ 今回は、『今さらながらアニメーションファビコンが表示されるようにしてみる（Firefox）』です。

ファビコンというのは、アドレスバーや『お気に入りに追加』、『ブックマーク』等をしたときに表示される16x16ドットの小さいアイコンですね。

私のところのファビコンは開きかけの本だったのですが、
今回アニメーションタイプに変えてみました。
といっても、FirefoxとIE７あたりしか見られないのかな？


普通、ファビコンを表示させるにはファビコンファイルをアップロードして、
例えば、FC２ブログで『favicon.ico』という名前のファビコンファイルを表示させたいときには以下のようにしますよね。

<link rel="SHORTCUT ICON" href="<%url>file/favicon.ico" />
すると、ファビコンが表示されるようになるわけです。

ファビコンを簡単に作ってみたい人は以下のサイトをどうぞ。
Favicon Japan


ところで、Firefoxではアニメーションファビコンが使えます。
つまり、表示したときにアドレスバーにアニメーションをさせることが出来ますし、
ブックマークでも動かすことが出来ます。

もちろん、先に16ｘ16の画像を何枚か用意して
アニメーションGIF画像は作っておかなければなりません。
使いたいアニメーションGIFが『favicon.gif』というファイル名だとすると、
以下のような感じです。

<link rel="icon" href="<%url>file/favicon.gif" type="image/gif" />

上記のと併用して

<link rel="SHORTCUT ICON" href="<%url>file/favicon.ico" />
<link rel="icon" href="<%url>file/favicon.gif" type="image/gif" />

こんな感じにするとアニメーションファビコンが表示されないものの場合は普通のファビコンになるようです。（画像は二種類必要）


ということで、今さらながら変えてみました。

まあ、ブックマークが全部アニメーションとかになられたときのことを考えると
相当ウザイので程ほどにして使いましょうね。
人気ブログランキング

ブログ内関連タグ : ブログ カスタマイズ