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

Question

I would like to combine the nested slider option with a vertical thumbnail . I am looking at the source code for examples image-gallery-with-vertical-thumbnail.source.html and nested-slider.source.html and I am not sure how could I combine these two. I mean both of them do have thumbnavigator, but how would I map the thumbnavigator to the currently selected sliderhx_container?

Answer 1

You can place child slider in any slide of parent 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>