0

我有这个滑动滚动条，它工作正常。但是，我想更改导航的外观。这是我现在拥有的原始示例 -请参阅 jsfiddle。

我想将导航更改为“<< x out of y >>”，其中“x”是当前幻灯片，“y”是幻灯片总数。

我认为脚本中包含所有必要的变量——我只是不能让它看起来和按我想要的方式工作。

我试图改变这行代码：

scrollMenu.append('<div class="' + ((i == 0) ? activeClass : '') + ' slide-button slide-index">' + i + '</div>');

...但我无法让它工作。此外，幻灯片的数量从零开始。我想我需要在某处添加+1。我只是看不出在哪里。

有人想伸出援手吗？

4

1 回答 1

0

在您提到的行中查看您的代码，您可以scrollMenuSlideItemsNum使用它，它看起来像当前页面，而您拥有numSlides的是幻灯片的数量。所以不要循环遍历，只需删除for并放置类似的东西

"<< " + scrollMenuSlideItemsNum + " of " + numSlides + " >>"

但是你也必须改变一些其他的事情。您必须更改单击处理程序，以便在单击不同部分时它的工作方式不同。您必须为要附加的 div 编写一个新类。您必须编写一个函数来更新新布局。

于 2012-11-12T19:57:24.177 回答