Question

我正在使用jquery循环插件并将每个图像包装在div标签中以使每个幻灯片居中，所有这些都是不同的宽度：

<div><img src="img1.jpg" width="522" height="347"  alt=""/></div>
<div><img src="img2.jpg" width="420" height="347"  alt=""/></div>
<div><img src="img3.jpg" width="231" height="347"  alt=""/></div>

这样可以正常工作，但它会破坏pagerAnchorBuilder脚本。

从这个页面：Jquery cycle - How can I wrap my images in span tags without breaking the thumbnail pager?，我有这个：

pagerAnchorBuilder: function(idx, slide) {

    var src = $("img", slide).attr("rel");

        return '<a href="#"><img src="' + src + '" width="60" height="40" style="position:absolute; top:540px;"/></a></li>';

但它似乎不起作用。

我确定我不需要指出我对javascript很新！我很感激任何提示！

相关网页位于：http://wildwood-design.org/twagons.html

Answer 1

嘿，我找到了在这个帖子中发生的任何人的答案（希望在6个月内没有我）。用以下函数替换上面函数中的返回行：

return '<li><a href="#"><img src="' + jQuery(slide).find('img').attr('src') + '" width="60" height="40" style="position:absolute; top:540px;"/></a></li>';

Jquery循环 - 在div标签中包装图像，而不会破坏缩略图寻呼机

1 个答案: