【发布时间】：2012-11-03 04:26:38
【问题描述】：
我正在寻找一个 jQuery 图像滑块。流行的 Nivo Slider 的问题在于它会拉伸图像以适应滑块的宽度。我正在寻找一个不这样做的滑块。我还希望显示这些图像的最大宽度和最大高度。我没有硬编码高度\宽度，因为我想保留纵横比。
例如：
假设我的滑块位于 1000x500 的 div 和 1500 X 1000 像素的图像中。假设最大高度为 1000，最大宽度为 500，则图像将显示为 750x500 像素的图像。我希望滑块像这样工作，将 div 中的较小图像居中，而不是拉伸我的图像。
有人知道这样的插件吗？向所有这样做的人点赞。
【问题讨论】：
-
好吧，如果您的图像大小相同并且您知道它是什么，那么您只需在当前滑块内的图像上设置最大宽度并在容器上设置文本对齐中心。如果图像大小不同，那么您将需要一些 js 工作来获得正确的宽度，然后将其应用为 max-width
标签： jquery html image web aspect-ratio