2

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

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

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

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

4

1 回答 1

0

请将滑块大小设置为您的屏幕大小，并将 $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 全高或全屏滑块/可能吗？

于 2014-06-15T06:20:27.673 回答