【问题标题】:Jssor slider with nested slide + vertical thumbnail带有嵌套幻灯片 + 垂直缩略图的 Jssor 滑块
【发布时间】:2014-07-05 08:49:25
【问题描述】:

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

【问题讨论】:

    标签: javascript html jssor


    【解决方案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>
    

    【讨论】:

    • 我已经把拇指导航器(你的意思是这个带有子滑块的,对吧?)到父滑块(sliderh1_container),但现在嵌套拇指的滑块不见了。
    • 任何可以在线访问的网址?
    猜你喜欢
    • 1970-01-01
    • 2017-05-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多