在div上點擊/懸停顯示縮略圖

只需要在.fullsizeimage中點擊或懸停顯示.thumbimage - 不幸的是.attr函數沒有運氣。在div上點擊/懸停顯示縮略圖

<div class="row"> 
     <div class="fullsizeimage"> 
      <img src="https://www.houseplans.com/img/980e/461-2p1-2520_plan-detail.jpg" /> 
     </div> 

    <div class="thumbimage"><a href="#"><img src="https://www.houseplans.com/img/85cd/461-2e-2520_plan-detail.jpg" width="100" height="100"></a></div> 
    <div class="thumbimage"><a href="#"><img src="https://www.houseplans.com/img/872d/461-2alt1-2520_plan-detail.jpg" width="100" height="100"></a></div> 
    <div class="thumbimage"><a href="#"><img src="https://www.houseplans.com/img/230e/461-2alt2-2520_plan-detail.jpg" width="100" height="100"></a></div> 
</div> 

<script src="" type="text/javascript"> 
$('.thumbimage a').on('click hover',function(){ 
    $('.fullsizeimage img').attr('src',$(this).attr('src')); 
}); 
</script>

來源

2012-10-31 Joe Isaacson

（你應該把你的事件在A-標籤，而不是IMG） –

它簡化爲$（「thumbimage一個。」） - 以上代碼更新，但它沒有似乎工作 –

從您的<script>標記中刪除src=""屬性。

來源

2012-10-31 18:18:21

任何想法如何使這適用於拇指圖像只？（'。thumbimage a img'）。on（'hover'，function（）{'。fullsizeimage a img'）。attr（'src'，$（this）.attr（'src'））; \t}）; –

選擇jQuery框架。從您的代碼
刪除腳本標籤

來源

2012-10-31 18:20:56

在div上點擊/懸停顯示縮略圖

回答

相關問題