画像の表示につきまして

質問

こんにちは。お世話になります。

　画像の表示について伺いたいことがございます。
　現在、HPを作成しています。そこには、横並びで三つの画像を配置しています。

　しかし、そのHPをいつ開いても、表示されるのは一番左の画像のみで、真ん中と右の画像は表示されません。
　ただし、マウスポインタを当てると、真ん中の画像も右の画像も表示されるようになり、以降は、画像が消えるような事はないのですが、その後、そのHPを閉じて、また開くと、同じように真ん中と右のみ表示されません。

　インターネットオプションの「画像を表示する」にも、きちんとチェックが入っていますし、他のPCで開いても同様の結果になります。

　こういう場合、どういった不具合が考えられるでしょうか。また、改善方法はありますでしょうか。

　因みに、下記のようなタグを使っており、マウスオーバーすると画像が切り替わるようにしてあります。

<p class="img"><a href="http://●●●"><img width="235" height="120" onmousedown="this.src='http://●●●/img1.jpg'" onmouseout="this.src='http://●●●/img1.jpg'" onmouseover="this.src='http://●●●/img1_on.jpg'" alt="画像" src="this.src='http://●●●/img1.jpg'" / border="0"></a></p>

　windowsXP IE6.0を使っております。

　皆様、お忙しい中恐れ入りますが、ご教示下さい。宜しくお願い致します。

回答No.1

os6v100i · ベストアンサー

>src="this.src='http://●●●/img1.jpg'"
srcの指定が間違っているため、最初は画像が表示されないだけかと。

お礼

os6v100iさん

　こんばんは。解決しました！！
おっしゃるとおり、「>src="this.src='http://●●●/img1.jpg'"」
この部分を「>src="http://●●●/img1.jpg"」こうしたら、表示されるようになりました！！

　お忙しい中ご教示いただきまして、本当にありがとうございます！

補足

os6v100iさん　

　ご返信ありがとうございます。
srcの指定が間違っているとのご指摘を頂き、下記のようにしてみました。
　そうしましたところ、画像は、すぐに表示されるようになったのですが、マウスオーバーしたときに、別の画像に差し変わらないようになってしまいました。。。
　色々と変更して試してみたのですが、上手くいきません。もう少しだと思うのですが（？）どこが悪いのでしょうか・・・。

　すみませんが、お時間がある時にご教示頂けますでしょうか。

<p class="img"><a href="http://●●●">
<img width="235" height="120" border="0" src="http://●●●/img1.jpg" alt="画像" onmousedown="'http://●●●/img1.jpg'" onmouseover="'http://●●●/img1_on.jpg'" onmouseout="'http://●●●/img1.jpg'" / ></a></p>

回答No.2

fujillin

マークアップの属性などの記述方法を確認しましょう。
終了タグ代わりの/もおかしくなってるし…
<img width="235" height="120" border="0" src="http://～/img1.jpg" alt="画像" onmousedown="～" onmouseover="～" onmouseout="～" / >

補足

fujillinさん
　ご教示くださいましてありがとうございます。
下記のように修正してみた。

　画像は、すぐに表示されるようになったのですが、マウスオーバーしたときに、別の画像に差し変わらないようになってしまいました。。。
　色々と変更して試してみたのですが、上手くいきません。もう少しだと思うのですが（？）どこが悪いのでしょうか・・・。

　すみませんが、お時間がある時にご教示頂けますでしょうか。

<p class="img"><a href="http://●●●">
<img width="235" height="120" border="0" src="http://●●●/img1.jpg" alt="画像" onmousedown="'http://●●●/img1.jpg'" onmouseover="'http://●●●/img1_on.jpg'" onmouseout="'http://●●●/img1.jpg'" / ></a></p>