jquery - 在 jQuery bxSlider 中指定图像的百分比高度

Question

其他人如何为 bxSlider 中的图像设置高度/最大高度？我喜欢 slider 插件，但文档中似乎没有提到如何保持幻灯片图像的尺寸统一。

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

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

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

Answer 1

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

我查看了 slider ，但它没有按照您希望的方式工作。如果您垂直调整图像大小以匹配 slider 的高度，它不会完美地向左和向右裁剪自身。您必须自己自定义插件，这使得插件的整个想法浪费时间。

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

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