我正在使用JQuery Cycle Plugin with thumbnails。如果我使用图像作为幻灯片,这可以正常工作。但我想将这些图像包装在<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>
但似乎我的浏览器会自动检测到这是不正确的并将其渲染出来。
有没有人知道如何绕过这个?
答案 0 :(得分:3)
完成页面渲染后尝试此操作:
$("img").each(function(){
var imgSrc = $(this).attr("src");
$(this).parent().attr("src", imgSrc );
});
它将循环所有img
代码,然后将其src
属性复制到其直接父代。