0

jQuery Scrollable（带有导航器插件）在首次加载时显示错误的幻灯片。

当我像这样使用它时，它的行为正常：

$(".scrollable").scrollable({}).navigator();

…但是一旦我启用“循环”模式（允许从最后一张幻灯片循环回到第一张幻灯片）：

$(".scrollable").scrollable({ circular: true }).navigator();

在页面加载时，最后一项是第一个显示，即使第 1 项在导航器中突出显示。如果您浏览图像，当您到达最后一个图像时，它会再次显示，并且您只会在第二个循环开始时看到实际的第一张图像。

有什么建议么？

为了完整起见，这是我的 HTML：

<div class="column two-thirds scrollable" id="scrollable">

<a class="prev browse left">Previous</a>

<div class="items">
        <div><img src="1.jpg" alt="" /></div>
        <div><img src="2.jpg" alt="" /></div>
        <div><img src="3.jpg" alt="" /></div>
        <div><img src="4.jpg" alt="" /></div>
</div>

<a class="next browse right">Next</a>

<div class="naviWrapper">
 <div class="navi"></div>
</div>

</div>
4

1 回答 1

0

这是指向同一问题的链接，建议您将<img>标签替换<div>为具有背景图像的标签。 https://github.com/jquerytools/jquerytools/issues/47

我不能这样做，因为我的一些图像有图像映射。但是，我所有的图像都有相同的尺寸，所以我输入了图像尺寸，即

<img width=730 height=360 alt="first image" src="/images/my-image.jpg" />

这似乎已经解决了。

于 2013-08-05T22:10:38.967 回答