带有嵌套幻灯片 + 垂直缩略图的 Jssor 滑块

Question

我想将nested slider option 与vertical thumbnail 结合使用。我正在查看示例 image-gallery-with-vertical-thumbnail.source.html 和 nested-slider.source.html 的源代码，但我不确定如何将这两者结合起来。我的意思是他们两个都有 thumbnavigator，但是我如何将 thumbnavigator 映射到当前选择的 sliderhx_container？

Answer 1

您可以将子滑块放置在父滑块的任何幻灯片中。

<div id="parent_slider" ...>
    <div u="slides" ...>
        <!-- slide 1 -->
        <div>
            <div id="sliderh1_container" ...>
                <!-- content of sliderh1 -->
            </div>
            <img u="thumb" src="sliderh1_thumb.jpg" />
        <div>
        <!-- slide 2 -->
        <div>
            <div id="sliderh2_container" ...>
                <!-- content of sliderh2 -->
            </div>
            <img u="thumb" src="sliderh2_thumb.jpg" />
        <div>
        <!-- slide x -->
        <div>
            <div id="sliderhx_container" ...>
                <!-- content of sliderhx -->
            </div>
            <img u="thumb" src="sliderhx_thumb.jpg" />
        <div>
    </div>
</div>