スポンサーサイト

スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
かなりマニアックな現象なんだけど、見つけてしまったので書いとく。

1回だけのGIFアニメをロールオーバーで使う場合にJSとかで画像の先読みさせるとGIFアニメが動かない。とゆーもの。
たぶん原因は先読みした時点でアニメーションしてしまうのでブラウザに表示される時にはすでに止まってる。って感じだと思う。

全く同じ方法でロールオーバーさせてもFFとかオペラとか、よーするにIE以外のブラウザなら何も問題なく表示される。あとなぜかIE6はちゃんと表示される。IE7以降がダメっぽい。

たぶんどんな方法でも先読みさせたらその時点でアニメーションは止まる。
ループのGIFアニメなら何も問題ないんだけどねえ。


解決方法は、画像を先読みさせずにロールオーバーさせればよい。そんだけ。
JS使わないでCSSでロールオーバーさせたらちゃんと表示された。
画像が重い場合は先読みさせないとラグるけどw

この現象に引っかかって、原因解明するのにすげー時間かかった。
まぁ時代遅れなやり方なんで、同じ現象でつまずく人もそうそういないと思うけど。

実はうちのサイトのメニューボタンをアニメ化ようと思っていじってる時にこれでつまずいて、なんだかんだやってたら解決方法わかったけどなんか疲れたので元に戻した。

はぁ。

編集・削除するのに必要
管理者にだけ表示

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。