javascript 画像をクリックで切り替える
javascriptについて質問させていただきます。
<script type="text/javascript" defer>
$(function(){
$('.thmbnail').hover(
function(){
$("#product_large_image").attr('src', $(this).attr('src'));
},
function(){
$("#product_large_image").attr('src', $("#product_large_image").attr('data-image-source'));
}
);
});
</script>
こちらが現在の記述です。
画像のパスを指定できないため、.thmbnailと#product_large_imageで指定しているようです。
＃product_large_imageは
<img id="product_large_image" class="large" src="@(imageUrl)?@ViewBag.RCC" data-image-source="@imageUrl" alt="" />
.thmbnailは
<img class="thmbnail" src="@(imgPath)?@ViewBag.RCC" alt="" />
となっており、画像のパスが変動するシステムです。
現在の記述はhoverによってマウスオーバーで画像が切り替わるシステムなのですが、
これをクリックで切り替わるようにしたく、
hoverをclickに変えたところ、
動かなくなってしまいます。
対処法を教えていただければと存じます。
よろしくお願い致します。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
ファイルサイズとか色々弄ってたら直りました！ ありがとう！