更改幻灯片滚动条中的导航



我有这个幻灯片滚动条,它工作正常。但是,我想改变导航的外观。这是我现在拥有的一个原始示例 - 请参阅 jsfiddle。

我想将导航更改为"<<x 出 y>>",其中"x"是当前幻灯片,"y"是幻灯片总数。

我认为所有必要的变量都在脚本中 - 我只是无法让它看起来和工作的方式。

我试图更改这行代码:

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

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

有人想伸出援手吗?

查看您提到的行中的代码,您有可用的scrollMenuSlideItemsNum,它看起来像当前页面,并且您有numSlides幻灯片的数量。因此,与其循环遍历,不如删除for并放置类似的东西

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

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

最新更新