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

时间:2012-02-22 14:25:29

标签: jquery html css slider

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

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

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

但是我没有使用这个,因为它不适合响应式设计

1 个答案:

答案 0 :(得分:0)

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

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