jQuery來上點擊

改變圖片src與修改，我與它下面的兩個較小的縮略圖一個較大的圖像 - 有標識的組成如下：jQuery來上點擊

<img src="../images/image.jpg" class="left" alt="main image" /> 
<img src="../images/image2-thumb.jpg" class="left" alt="image two" /> 
<img src="../images/image3-thumb.jpg" class="left thumb" alt="image three" />

被點擊時圖像2，拇指或圖像3拇指的時候，我想它將image.jpg更改爲點擊圖像src，但沒有-thumb。

所以如果我點擊image2-thumb.jpg，那麼image.jpg會變成image2.jpg等等。

任何人都可以指出我朝着正確的方向前進嗎？

來源

2014-01-30 John

我們能否看到您的失敗嘗試？ – undefined

這裏是你如何能做到：http://jsfiddle.net/aamir/8AeHv/

HTML：

<img src="../images/image.jpg" class="left main" alt="main image" /> 
<img src="../images/image2-thumb.jpg" class="left thumb" alt="image two" /> 
<img src="../images/image3-thumb.jpg" class="left thumb" alt="image three" />

JS：

$(function() { 
    $('.thumb').click(function() { 
     $('.main').attr('src', this.src.replace('-thumb', '')) 
    }); 
});

來源

2014-01-30 11:45:00

完美，非常感謝！ – John

使用：

<img src="../images/image.jpg" class="left" alt="main image" /> 
<img src="../images/image2-thumb.jpg" class="right" alt="image two" /> 
<img src="../images/image3-thumb.jpg" class="right thumb" alt="image three" /> 

$('.right').click(function(){ 
    $('.left').attr('src',$(this).attr('src').replace('-thumb','')); 
    alert($('.left').attr('src')); 
});

Working Demo

來源

2014-01-30 11:43:04

jQuery來上點擊

回答

相關問題