Jssor - 如何在同一容器上显示多个缩略图导航器

时间:2014-06-11 01:08:51

标签: javascript jquery html css jssor

我一直在玩jssor的api一段时间,并且有一个我无法重现的设置。

我正在尝试使用嵌套滑块(http://www.jssor.com/demos/nested-slider.html

但显示正在显示的幻灯片组的缩略图。在查看api代码之后,库似乎不允许在同一个幻灯片容器上显示多个缩略图导航器(显然嵌套滑块中的幻灯片集选择器计为缩略图导航器)。

我尝试为每个子滑块容器设置具有唯一ID的缩略图导航器,但这给了我奇怪的结果。

基本上,我想合并嵌套滑块和这个http://www.jssor.com/demos/image-gallery-with-vertical-thumbnail.html,以便垂直缩略图导航器显示当前的幻灯片组。

有可能吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

请按照以下步骤进行操作。

  1. 制作带缩略图的主滑块
  2. 制作带缩略图的儿童滑块
  3. 将每个子滑块放在主滑块的每张幻灯片中。
  4. 顺便说一下 请让我知道主滑块的缩略图皮肤,以及子滑块的缩略图皮肤,我将为您制作一个演示。


    请查看演示http://www.jssor.com/testcase/nested-slider-with-thumbnail.source.html