其他人如何为bxSlider中的图片设置高度/最大高度?我喜欢滑块插件,但在文档中似乎没有提到如何保持幻灯片图像的统一大小。
假设您有许多不同大小的图像(纵向和横向)。如何将它们保持尽可能接近100%的宽度,同时也与最大高度有关,使得bxSlider包装始终是图像的高度,反之亦然。
目前,图像将其父级宽度填充为100%,如果所有图像的宽高比都相同,则可以正常使用。当比率不同时,bxSlider不会通过使图像宽度变小来解释这种差异。
我知道adaptiveHeight
选项,但这只是调整滑块的大小以适应图像。我个人看不到该功能的吸引力。
答案 0 :(得分:0)
我不想在这里发出厚颜无耻的声音,但最直接的选择是使用Photoshop或Gimp调整图像大小,然后再将其上传到您的网站。
我看过滑块,它不会按照你希望的方式工作。 如果您垂直调整图像大小以匹配滑块的高度,它将不会完全向左和向右裁剪。你必须自己定制插件,这样可以让插件的整体想法浪费时间。
您必须完全重构CSS,并使用额外的JS来计算每个图像的位置,并且还必须重新调整窗口大小调整。
在上传图像之前调整图像大小所需的时间远远少于修改插件所需的时间。