一些幻灯片纵向，一些横向 - 如何让 Jssor 正确显示它们？答案

【问题标题】：Some slides portrait, some landscape - how to get Jssor to display them correctly?一些幻灯片纵向，一些横向 - 如何让 Jssor 正确显示它们？
【发布时间】：2014-06-14 13:50:25
【问题描述】：

我的幻灯片大小和方向不同（一些全景图）。我的意思是所有的照片都来自相册。几乎所有图片都以某种方式大于视口。我希望它们居中，具有正确的纵横比，仍然具有用于 iPhone 的触摸控件，以及用于桌面的 < > 小部件（如果图像比页面宽度窄，则它们将不可见）。

我可以通过在 CSS 中指定 max-width 来获得全宽。全高更棘手。 “Full Width Slider”演示将height 修复为500px，反复试验只允许我将其更改为另一个整数而不是百分比。

所以我正在努力调整正确的选项，并在 HTML 中设置正确的样式/css 内联。有没有比“全宽滑块”更好的演示 (http://www.jssor.com/demos/full-width-slider.html)

捏缩放到大于视口的图像会很棒，但这对于我的“适合”问题进行排序是次要的 :)

【问题讨论】：

标签： jssor

【解决方案1】：

请将滑块大小设置为您的屏幕大小，并将 $FillMode 设置为 1。

要应用 css 技巧来设置滑块大小，您可以将 jssor 滑块放在包装器中，然后将滑块缩放到包装器的可用宽度。

看，

        function ScaleSlider() {
            var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
            if (parentWidth)
                jssor_slider1.$ScaleWidth(parentWidth);
            else
                $JssorUtils$.$Delay(ScaleSlider, 30);
        }

参考：jssor full height or full screen slider / possible?

【讨论】：