- ベストアンサー
JavaScriptの画像入れ替えでIE6で表示されない問題
- JavaScriptを使用してサムネイルをクリックした際に画像が入れ替わる機能を作成しています。しかし、職場のIE6では画像が表示されず、大きな画像が消えてしまう問題が発生しています。
- 自宅のIE6では問題なく動作しているため、IE6環境によるものと思われます。また、サムネイル画像のアンカー部分の「javasscript:void(0);」を削除すると動作するため、この部分に問題がある可能性が考えられます。
- また、PC上での確認では正常に表示されるが、サーバーにアップする前のオンライン上では表示されないという問題もあります。質問者は詳しくないため、問題の原因がわからない状況です。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
#1です。 はぁ、指みたいなやつですか。ひとまずこんなんでいいですかな。 <img src="image/2.jpg" style="cursor: pointer;" width="50" height="50" onClick="imgch(this.src)" > <img src="image/3.jpg" style="cursor: pointer;" width="50" height="50" onClick="imgch(this.src)" > <img src="image/3.jpg" style="cursor: pointer;" width="50" height="50" onClick="imgch(this.src)" > マウスポインタはOSやブラウザによって変わりますので必ず指になるとは限りませんけど。。。 ブラウザ毎に動作は異なる(というか決まりなんてものないし)ので、JavaScriptもそうですが動作を100%期待してはダメです……ある意味あきらめも肝心です^^;
その他の回答 (2)
- yambejp
- ベストアンサー率51% (3827/7415)
<a href="javascript:void(0);"><img src="image/2.jpg" width="50" height="50" onClick="imgch(this.src)" ></a> <a href="javascript:void(0);"><img src="image/3.jpg" width="50" height="50" onClick="imgch(this.src)" ></a> <a href="javascript:void(0);"><img src="image/3.jpg" width="50" height="50" onClick="imgch(this.src)" ></a> の部分を、以下に変えてください <a href="javascript:void(0);" onClick="imgch(this.childNodes[0].src);"><img src="image/2.jpg" width="50" height="50" ></a> <a href="javascript:void(0);" onClick="imgch(this.childNodes[0].src);"><img src="image/3.jpg" width="50" height="50" ></a> <a href="javascript:void(0);" onClick="imgch(this.childNodes[0].src);"><img src="image/3.jpg" width="50" height="50" ></a>
お礼
ご丁寧にありがとうございます!!しかしダメでした。このパソコンのブラウザがおかしいのでしょうかね。。
- benelli
- ベストアンサー率51% (78/152)
”javascript:void(0);”が不要というより、そもそもA要素自体が不要だと思うのですが。<a …>と</a>を消して大丈夫なはずです。 古いブラウザでのシステムなどによっては確かに”javascript:void(0);”が必要なときもありますが、単に画像を切り替える程度でしたら必要ありません。むしろ、不要なA要素があること自体が問題かと思います。
お礼
ご回答ありがとうございます!問題なく作動しました!ちなみにカーソルを指みたいなのにしたい時はなにか良い方法はありますでしょうか??
お礼
ありがとうございます!解決しました!ポインタを変えるのにアンカー使うことばかり考えてしまっていました。