3

其他人如何为bxSlider中的图像设置高度/最大高度?我喜欢滑块插件,但文档中似乎没有提到如何使幻灯片图像保持统一大小。

假设您有许多不同尺寸的图像(纵向和横向)。应该如何将它们保持在尽可能接近 100% 的宽度,同时还涉及最大高度,以便 bxSlider 包装器始终是图像的高度,反之亦然。

目前,图像将其父级的宽度填充为 100%,如果所有图像的宽高比相同,这很好。当比率不同时,bxSlider 不会通过缩小图像宽度来解决这种差异。

我知道该adaptiveHeight选项,但这只是调整滑块的大小以适应图像。我个人认为该功能没有吸引力。

4

1 回答 1

0

我不想在这里听起来厚颜无耻,但最直接的选择是使用 Photoshop 或 Gimp 在将图像上传到您的网站之前调整它们的大小。

我查看了滑块,但它并没有按照您希望的方式工作。如果您垂直调整图像大小以匹配滑块的高度,它不会只是将自己完美地裁剪到左右两侧。您必须自己自定义插件,这使得插件的整个想法成为浪费时间。

您必须完全重构 CSS,并使用额外的 JS 来计算每个图像的位置,并且还必须重新调整窗口大小。

在上传之前调整图像大小所花费的时间明显少于修改插件所需的时间。

于 2014-09-18T12:37:21.880 回答