将图像'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>'标签

回答

相关问题