我正在使用WooSlider为我的每个项目显示一个画廊。我的许多项目都是高清宽高比(1280x720),而其他较旧的是SD(720x540)。
我遇到的问题是我希望我的网站宽度为1280px宽,但由于WooSlider根据网站宽度设置它的大小,因此SD图像的垂直高度(大约960px)将是巨大的。高清图像看起来很好,因为它们保持在1280x720px。
由于我无法限制滑块的宽度,因为1280对高清图像效果很好,我想也许可以限制滑块的高度,以便裁剪出巨大的SD图像。只要SD图像保持在作物中心,裁剪就可以了。但我需要滑块保持响应,因此固定高度不会。
这可能吗?要限制WooSlider的最大高度,同时仍允许它响应?
或者,如果我可以检查滑块图像的宽度,我可能只在图像为SD格式时限制高度,而使HD图像不受影响。
以下是我的网站示例,宽度为1024px,显示SD图像。正如您所看到的,即使在1024px处,滑块中缩放的SD图像的垂直高度也非常大,因此在1280px时它将是巨大的:
http://richardrosenman.com/portfolio-items/kraft-dinner-pimp-my-ride/
欢迎任何建议或信息。
答案 0 :(得分:0)
它与php有什么关系?对我来说,你应该在CSS中为max-height
类添加wooslider
属性。