※ ChatGPTを利用し、要約された質問です(原文:JavaScriptの画像入れ替えについて)
JavaScriptの画像入れ替えでIE6で表示されない問題
このQ&Aのポイント
JavaScriptを使用してサムネイルをクリックした際に画像が入れ替わる機能を作成しています。しかし、職場のIE6では画像が表示されず、大きな画像が消えてしまう問題が発生しています。
自宅のIE6では問題なく動作しているため、IE6環境によるものと思われます。また、サムネイル画像のアンカー部分の「javasscript:void(0);」を削除すると動作するため、この部分に問題がある可能性が考えられます。
また、PC上での確認では正常に表示されるが、サーバーにアップする前のオンライン上では表示されないという問題もあります。質問者は詳しくないため、問題の原因がわからない状況です。
下記のようなものでサムネイルをクリックすると大きな画面に表示される、みたいなものを作っています。しかし職場のIE6でクリックすると表示されなく大きな画像が消えてしまいます。
ちなみに自宅のIE6で確認したときは大丈夫だったのですが、、、
またサムネイル画像のアンカー部分のjavasscript:void(0);を消すと表示されるようになるのですが、やはりここのvoid0には問題があるのでしょうか??
またサーバーにUPする前オンライン上ではなくPCで確認している時はちゃんと表示できていたました。
あまり詳しくないものでどなたかよろしくお願い致します。
<script type="text/javascript">
<!--
function imgch(url) {
document.getElementById("image").src=url;
}
//-->
</script>
<style type="text/css">
img {
border:none;
}
</style>
</head>
<body>
<img src="image/2.jpg" width="500" height="500" id="image" />
<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>
</body>
お礼
ありがとうございます!解決しました!ポインタを変えるのにアンカー使うことばかり考えてしまっていました。