Jquery滑块与不同大小的图像

Question

1. 我需要使用不同高度的图像构建图像滑块。
2. 我不希望图像之间有任何差距。如果任何图像很小，它应该显示适当的填充或边距。
3. 图片滑块不应该换行。

Answer 1

对于较小的图片，您可以尝试这样的事情：

var imageWidth = $('#image').outerWidth();
var margin = (120 - imageWidth) / 2; //120 is your slider's width here

$('#image').css({
    marginLeft: margin,
    marginRight: margin
});

对于较大的图片： 通过仅应用宽度使用JS动态缩放图像。假设你的滑块是120px宽，将图像宽度应用为120，没有高度。这样可以自动调整图像，保持纵横比。

$('#image').css('width', '120px');