1

我正在使用 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 循环 - 如何在不破坏缩略图寻呼机的情况下将图像包装在跨度标签中?,我有这个:

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

4

1 回答 1

0

嘿,我找到了在这个线程上发生的任何人的答案(希望在 6 个月内不是我)。将上述函数中的返回行替换为:

return '<li><a href="#"><img src="' + jQuery(slide).find('img').attr('src') + '" width="60" height="40" style="position:absolute; top:540px;"/></a></li>';
于 2012-10-03T14:24:05.567 回答