在jQuery滑块中处理不同大小的图像

Question

嗨，我使用标准的jquery图像滑块/轮播来显示图像。

我在滑块中使用了各种尺寸的图像。 我如何确保宽度和高度不会影响滑块的尺寸，同时仍然看起来还不错。 例如滑块是宽度= 300像素高度= 200像素？

我希望它像此滑块的行为： http : //coffeescripter.com/code/ad-gallery/

但我不使用它，因为它不适用于响应式设计

Answer 1

您要么必须将滑块占位符设置为与最大图像一样大，要么如果希望它们都具有相同的大小，请在<img>标记上设置width和height属性以覆盖图像的实际尺寸。

如果宽度与高度的比例不一致，那么您可能需要在jQuery / JavaScript中的服务器上即时计算缩小的尺寸。