单击 /悬停在div中显示缩略图图像

Question

只想在单击或悬停的.fullsizeimage中显示.thumbimage - 不幸的是，.ATTR函数没有运气。

http://jsfiddle.net/cuzba/-小提琴 - 以防万一！

 <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>

Answer 1

从您的<script>标签中删除src=""属性。

http://jsfiddle.net/cuzba/6/

Answer 2

1. 选择jQuery框架。
2. 从您的代码中删除脚本标签