如何创建一个全屏幕jssor滑块,最大化但不裁剪图像?

时间:2017-11-18 00:03:00

标签: jssor

我正在尝试创建一个滑块,用最大可能缩放的图像填充整个屏幕(桌面和移动设备) - 不用裁剪。换句话说,我想要完整地查看一组照片,并且每个照片都要调整大小以填充所有可用空间而不进行裁剪。我期望看到"灰色条"在大多数图像的两侧,除非它恰好适合屏幕。

这是我到目前为止所拥有的:

https://www.jssor.com/demos/full-window-for-pc.slider

开始
  1. 点击编辑此滑块
  2. 上传两张不同宽高比的图片:一张非常宽,另一张是肖像(查看/ ajssd)。
  3. 选择布局>填充模式>含有
  4. 选择布局>出血> 0
  5. 选择布局>缩放到>全窗口(约束模式)
  6. 这很接近但不完全。宽的图像在所有四个边上都有填充,这意味着它不会渲染得尽可能大。

    有可能实现我想要的吗?它需要在桌面和移动设备上工作,并处理浏览器调整大小和方向更改。

1 个答案:

答案 0 :(得分:0)

  1. 设置布局>最大宽度> 3000
  2. 设置布局>最大高度> 3000