javascript - 带嵌套幻灯片的 Jssor slider + 垂直缩略图

Question

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

Answer 1

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

<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>