Question

如果在其他地方有这个问题我很抱歉，

在响应式全宽度滑块容器中，我使用缩略图导航器03，缩放选项设置为false。

是否可以在响应滑块容器内放置一个完整的，即100％宽度的缩略图导航器（但具有固定高度）？

提前感谢您的任何帮助。

Answer 1

最接近的解决方案是，

将$ Scale选项设置为false，并使用包装器包装缩略图导航器

            $ThumbnailNavigatorOptions: {                       //[Optional] Options to specify and enable thumbnail navigator or not
                ...

                $Scale: false,                                  //Scales thumbnail navigator or not while slider scale
                ...
            }

html代码：

    <div u="thumbwrapper" style="position: absolute; width: 100%; height: 100px; bottom: 0px; overflow: hidden;">
        <div style="position: relative; left: 50%; width: 5000px; height: 100px; text-align: center; margin-left: -2500px;">
            <!-- Thumbnail Navigator Skin Begin -->
            <div u="thumbnavigator" ...">
            </div>
            <!-- Thumbnail Navigator Skin End -->
        </div>
    </div>

请参阅此演示http://www.jssor.com/testcase/thumbnail-with-no-scale-2.source.html

Jssor Slider - 全宽滑块容器中的全宽缩略图导航器可能吗？

1 个答案: