0

只想在单击或悬停时在 .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>
4

2 回答 2

1

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

http://jsfiddle.net/CUZBa/6/

于 2012-10-31T18:18:21.707 回答
1
  1. 选择 jquery 框架。
  2. 从代码中删除脚本标签
于 2012-10-31T18:20:56.577 回答