找到並替換問題

Question

我在一個旋轉木馬上工作，我想添加一個額外的功能，例如當用戶點擊一個圖像時，如果你喜歡，縮略圖，該圖像替換上面的div上的大圖像旋轉木馬。

我設法只用一張圖片就能開始工作。所以無論如何，縮略圖點擊，大圖保持不變，這是不理想的。另外，我已經爲我的文件命名爲test1_thumb，test1_large。那麼，有沒有像找到下劃線的方式，然後用大號代替本例中的文字（拇指）？

$('.carousel ul li').click(function() {  
    $('.content img').replaceWith('<img src="images/test_large.jpg"/>'); 
}); 

Answer 1

你很接近你想要達到的目標：。

$（ '轉盤UL禮 '）點擊（函數（）{
$（' 內容中的img'）ATTR （'.rc'，urcurrentPath.replace（'_ thumb'，'_ large'）; }）;

Answer 2

如果您將縮略圖圖像放在錨標記中，並且href指向較大的圖像，您將大大簡化此過程。

 
$('.carousel a').click(function() { 
    $('.content img').replaceWith('<img src="' + this.href + '"/>'); 
});