在jQuery滑块中处理不同大小的图像
问题描述:
嗨我使用标准的jQuery图像滑块/旋转木马来显示图像。在jQuery滑块中处理不同大小的图像
我有在滑块中使用的各种尺寸的图像。我怎样才能确保宽度和高度不会影响滑块的尺寸,同时仍然看起来一半体面。例如slider是width = 300px height = 200px?
我希望它这样的滑块的行为: http://coffeescripter.com/code/ad-gallery/
,但我不是使用一个负责任的设计
答
这一个作为其不是很大,您要么必须使滑块占位大作为您的最大图像,或者如果您希望它们的大小相同,请在<img>
标记上设置width
和height
属性以覆盖图像的实际尺寸。
如果宽高比不一致,那么您可能需要在jQuery/JavaScript中的服务器上实时计算缩小的尺寸。
你见过这个滑块吗?它是为响应式设计而打造的。 http://flex.madebymufffin.com/ – 2012-02-22 15:56:19
是的,我见过这个。问题是缩放图像以适应容器 – raklos 2012-02-22 16:03:49