onClick についてご教授いただければと思います。
下記のようにECでよく見かけるメイン画像を、サムネイル画像クリックでメイン切り替えのコードを書いております。
<div>
<a href="AAA" name="img-a">
<img src="AAA" name="img-on"/>
</a>
</div>
<ul>
<li><img src="AAA" onClick="document.img-on.src=’AAA’;document.img-a.href=’AAA’" /></li>
<li><img src="BBB" onClick="document.img-on.src=’BBB’;document.img-a.href=’BBB’" /></li>
</ul>
やりたいことは、サムネイルをクリックした際に、メインの画像のsrcとa要素のhrefを同時に変えたいのですが、行き詰ってしまいました。
どこをどのように変えれば可能でしょうか?
またjavascriptを外部に書かずに実装したいです。
どうかご教授ください。
みんなの回答 1 件
<div>
<a href="weeei" id="img-a">
<img src="AAA" name="img-on"/>
</a>
</div>
<ul>
<li><img src="AAA" onClick="imga = document.getElementById(’img-a’);imga.setAttribute(’href’,’hohoho-i’);" /></li>
</ul>
どうぞ
関連するトピックス