人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

以下のようなJavaScriptを使って、オンマウス時にアニメーションGIFを表示させています。
<a href=”〜略〜” onmouseover=”IMG.src=’アニメーションGIF’” onmouseout=”IMG.src=’静止画’”><img src=”静止画” name=”IMG”></a>
MacのIEで見ると、一度表示させたアニメーションGIFがバックグラウンドで再生をし続けているようで(?)、マウスを重ねるたびに途中のフレームから再生されます。
オンマウス時に、必ず最初の1フレーム目から再生するようにするには、どうしたらいいでしょうか。

●質問者: naokof
●カテゴリ:ウェブ制作
✍キーワード:IE JavaScript MAC アニメーションGIF バックグラウンド
○ 状態 :キャンセル
└ 回答数 : 2/2件

▽最新の回答へ

1 ● sudayosiaki

http://www3.wind.ne.jp/getwild/JavaScript/Tips/Tips01.htm

JavaScript Tips ロールオーバー

画像を先読み込みするスクリプトなら大丈夫じゃないでしょうか?

◎質問者からの返答

最初はそうしてたのですが、先読みしてしまうとMacのIEどころかWin+NNでも途中フレームから再生が始まってしまうんですよね……。

先読みを止めれば、MacIEで初回のみ最初のフレームから再生されます。でも、その後マウスオンを繰り返すと挙動がおかしくなります。


2 ● sudayosiaki

http://www.h5.dion.ne.jp/~totem/

素材屋 千客万来

こちらのスクリプトはどうでしょう?

ボタン素材です。

◎質問者からの返答

質問の仕方が悪かったのかもしれませんが、いずれも私が試したことのある方法で、納得のいく回答が得られなかったため、質問をキャンセルさせていただきます。

なお、こちらで質問する前に検索したところ、同様の現象で悩まれている方がいました。

http://www.gac.jp/article/index.php?stats=question&category=...

http://www.tohoho-web.com/lng/200003/00030009.htm

2つ目のURLは解決したとありますが、こちらはクリックアクションなので、2度3度と繰り返しマウスを重ねる必要がないため、問題なかったんだろうなと思います。

ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ