ロールオーバーが表示されない

質問

ココログでブログを作成しています。
パソコン知識は低いですが、簡単なタグを親切に教えてくれるサイトを参考にがんばってカスタマイズしています。

以下の通りでロールオーバーが簡単にできるとのことでやってみましたがうまくいきません。
【参考にしたタグ】
<img src="★" border="0" onmouseover="this.src='●'" onmouseout="this.src='■'">
★最初に表示される画像のファイル
●オンマウスで表示される画像のファイル
■マウスをはずしたとき表示される画像のファイル

【私が入力したタグ（？？のところにココログのアドレスが入ります】
<IMG src="http://？？.cocolog-nifty.com/images/★のファイル.gif" onmouseover="this.src='http://？？.cocolog-nifty.com/images/●のファイル.gif'" onmouseout="this.src='http://？？.cocolog-nifty.com/m/images/■のファイル.gif'">

【トラブルの現象】
１）1枚だけ表示されマウスを持っていくと×印になり二度と表示されません。
２）HTMLの編集欄にタグを貼り付け保存→記事の作成で確認→htmlの編集欄に戻ると、タグの順番が逆になる（↓このようになる）
<p><img onmouseover="this.src='●'" onmouseout="this.src='■'" src="★" border="0" /></p>

うまく表示する方法がございましたら教えて頂けると助かります。
尚、他のサイトのロールオーバーは表示されております。

回答No.2

rubyeye

＃１です。
使用不可となっているのでしたら、画像をアップロードしたときに画像そのものが壊れてしまったか、画像ファイルだから拡張子がgifだと思っていて、本当はココログで対応していない画像ファイルの拡張子であるかぐらいしか思いつかないのですが、ためしに、使おうと思っているのとは、まったく別な画像をアップロードして、やってみてはいかがでしょう？
それで、ちゃんと動くようでしたら、使用不可になっている画像を削除して、アップロードし直ししてみるか、パソコン本体に保存されている画像の更に大元画像があれば、それを再利用してアップロードするかくらいでしょうか。
恐らく、使用不可なのは、画像が壊れているのでは？と思います。

お礼

再度のアドバイス、ほんとうにありがとうございました。

原因がわかりました。
画像のアドレスですが、２枚目のものは、１枚目のものをコピペし、最後の番号だけ変えていたのです。そのため表示されていないことがわかりました。

こういった失敗談もブログに載せておこうと思います。

ご親切に相談にのっていただき、ありがとうございました

回答No.1

rubyeye

×印は、画像が大きく回線速度がISDNとかダイヤルアップで遅いために、画像を読み込みきれなかった以外は、画像そのものが無いということです。
画像そのものが無いとなると、●と■の画像が無いということになりますので、画像がアップロードされているかどうかや、保存されているURLを確認して下さい。

お礼

アドバイスをありがとうございました。
回線はマンションに設置されている光通信なので問題はないかと。
ご助言に従い、画像のサイズを3KBに落として再挑戦してみましたが同じ現象です。
最初と最後の画像を同じにしましたところ、オンマウスで×印が出て、マウスをはずすとまた画像が出ます。
プロパティーには、表示される画像にはファイル名が出ますが、×印のものは「使用不可」と表示されます
どちらの画像も同じように保存しているのですが。。。