更改圖像的src屬性

Question

我試圖避免必須使用slimbox創建重複圖像（一個縮略圖一個完整大小）。

我有'縮略圖'圖像縮放到100％的寬度和高度'自動'，所以他們都很好地適合他們的父容器，縮放到縮略圖大小。點擊可在燈箱中打開全尺寸圖像。這部分是很好的去。

我想改進的是兩幅​​圖像之間的實際關係。目前，我有

<a href="path/to/image.jpg" rel="lightbox" title="some title"> 
<img src="path/to/image.jpg"> 

由於他們使用的是相同的圖像，我願與作爲圖像源相同的路徑編程方式填寫

<a href="XXX"> 

。我想我可以使用兄弟選擇器「.next」來做到這一點，並添加一個類到它自己。

$(function(){ 
    $('a.foo').each(function() { 
     $(this).next('img').attr('href', this.href); 
    }); 
}); 

顯然不起作用，語法不正確。任何人都可以提出一個好方法來做到這一點？ thx！

Answer 1

您是在右側，有一個在您的代碼沒有語法錯誤，但圖像沒有href屬性之前，需要修改其src屬性，試試這個：

$(function() { 
    $('a.foo').each(function() { 
     $(this).next().attr('src', this.href); 
    }); 
}); 

---

$(function() { 
    $('a.foo').each(function() { 
     var src = $(this).find('img').attr('src'); 
     $(this).attr('href', src) 
    }); 
}); 

DEMO