gifアニメの動作が変わった

3週間程前、サイトを制作していました。
メニュー画像をマウスオーバーでgifアニメに替え、マウスアウトで元画像に戻すということをやっていました。
htmlの記述は下記の通りです。

<a href="explain.html"><img src="img/menu_explain.gif" onmouseover="x=this.src;this.src='img/menu_explain_anime.gif'" onmouseout="this.src=x"></a>

3週間前までは、普通に作動していたので、そのままサイトを制作していました。
それから3週間手を付けないでいたのですが、今日久しぶりにサイトを開くとgifアニメの動作がおかしくなっていました。
マウスアウトをしても画像が戻らないんです。
firefoxとsafariで確認したのですが、両方ともダメでした。

IEでは未確認です。

始めにサイト制作をしていた期間は1週間程ですが、その間はずっと正常に動作していました。
それから今日まで一度もそのhtmlファイルも画像ファイルも開いていません。

何が原因でこうなったのでしょうか。

それとも元々のhtmlの記述ミスでしょうか。

大変困っております。
他に必要なhtml等あれば、補足しますので言ってください。

よろしくお願いします。

No.1 ベストアンサー 回答者： ORUKA1951 回答日時： 2012/08/03 14:06

gifアニメではありませんね。

　アニメーションGIFは、画像自体が動きますがそれをmousoverやmouseoutで制御はできません。
　もし画像を置き換えるなら、GIFでない画像をmouseoverやmouseoutのイベントによってjavascriptを使って切り替えます。ですが、示されたHTMLには、別画像が書かれていません。

★現在は、このようなjavascriptを使った方法はほとんど行われていません。セキュリティ対策でjavascriptを停止しているブラウザが存在することなどが原因です。もっと簡単なスタイルシートで画像を置き換える方法が一般的です。

この回答へのお礼

回答ありがとうございます。

記述を変えたら直りました。
<img src="img/menu_explain.gif" onmouseover="this.src='img/menu_explain_anime.gif'" onmouseout="this.src='img/menu_explain.gif'">

戻す時の画像を指定してあげると戻りました。

回答していただきありがとうございました。

あと、アニメーションGIFですね＾＾
訂正ありがとうございます。

お礼日時：2012/08/03 15:01