將圖像'src'添加到'<a>'標籤

我正在使用JQuery Cycle Plugin with thumbnails。如果我使用圖像作爲我的幻燈片，這工作正常。但我想要將這些圖像包裝在<a>標籤中。當代碼在每張幻燈片的第一個父元素內尋找src時，這會打破縮略圖，當然a標籤沒有這個。例如：將圖像'src'添加到'<a>'標籤

//THUMBNAILS  
pagerAnchorBuilder: function(idx, slide) { 
     return '<li><a href="#"><img src="' + slide.src + '" width="145" height="88" /></a></li>'; 
    }

我想要做的就是以某種方式附着在圖像的src到它的父元素，所以，上面的代碼可以讀取它。例如：

<a href="page.html" class="slide" src="image.jpg"><img src="image.jpg"></a>

但似乎我的瀏覽器自動檢測到這是不正確的，並呈現出來。

有沒有人知道一種方法來解決這個問題？

來源

2013-06-03 MeltingDog

對於''標籤，僅供參考，'src' [不是有效屬性]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a）。 –

您可能想使用'data-src'。 'data- *'屬性幾乎可以在任何地方使用。 – Darkwater

試試這個，當你完成渲染頁面：

$("img").each(function(){ 
    var imgSrc = $(this).attr("src"); 
    $(this).parent().attr("src", imgSrc); 
});

它將所有環路img標籤，然後他們src屬性複製到其直接父。

來源

2013-06-03 02:20:26

將圖像'src'添加到'<a>'標籤

回答

相關問題