我正在使用WooSlider为我的每个项目显示一个图库。我的许多项目都是高清宽高比(1280x720),而其他旧的是标清(720x540)。
我的问题是,我想让我的网站宽度1280px宽,但由于WooSlider设置它的大小根据网站的宽度,标清图像将是巨大的垂直高度(约960px)。高清图像看起来很好,因为它们仍然是1280x720px。
由于我不能限制滑块的宽度,因为1280对高清图像非常有用,我想也许可以限制滑块的高度,这样它就可以裁剪巨大的标清图像。只要标清图像在裁剪中居中,裁剪就可以了。但是我需要滑块保持响应性,所以固定的高度是不行的。
那么这是可能的吗?限制WooSlider的最大高度,同时仍然允许它具有响应能力?
或者,如果我可以检查滑块图像的宽度,我可能只在SD格式的图像时限制高度,而不影响HD格式的图像。
这是我的网站的一个例子,1024px宽,显示标清图像。如您所见,即使在1024px时,滑块中缩放的SD图像的垂直高度也非常大,因此在1280px时,它将是巨大的:
http://richardrosenman.com/portfolio-items/kraft-dinner-pimp-my-ride/
欢迎任何建议或信息。
发布于 2014-12-07 09:04:17
这和php有什么关系?对我来说,你只需要在CSS的wooslider类中添加max-height属性即可。
https://stackoverflow.com/questions/27338409
复制相似问题