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

Jssor - How to display multiple thumbnail navigator on the same container

本文关键字：导航 略图 显示 同一个      更新时间：2023-09-26

我已经使用jssor的api玩了一段时间了，现在有一个我无法复制的设置。

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

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

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

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

这可能吗?

谢谢! !

请按照以下步骤进行计算。

  1. 创建一个带有缩略图的主滑动条
  2. 创建带有缩略图的子滑块
  3. 将每个子滑动块放置在主滑动块的每个滑动块中。

顺便说一句请让我知道主滑块的缩略图皮肤，子滑块的缩略图皮肤，我将为您制作一个演示。

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

相关文章：