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

时间:2014-07-05 08:49:25

标签: javascript html jssor

我想将nested slider optionvertical thumbnail结合起来。我正在查看示例的源代码image-gallery-with-vertical-thumbnail.source.html和nested-slider.source.html,我不知道如何将这两者结合起来。我的意思是他们都有缩略图,但我如何将缩略图映射到当前选择的sliderhx_container?

1 个答案:

答案 0 :(得分:0)

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

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