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. コードから script タグを削除する
于 2012-10-31T18:20:56.577 に答える