具有不同大小图像的Jquery滑块 我需要建立一个不同高度的图像滑块 我不希望图像之间有任何间隙。如果任何图像很小,则应显示适当的填充或边距 图像滑块不应换行

具有不同大小图像的Jquery滑块 我需要建立一个不同高度的图像滑块 我不希望图像之间有任何间隙。如果任何图像很小,则应显示适当的填充或边距 图像滑块不应换行,jquery,Jquery,对于较小的图像,您可以尝试以下操作: var imageWidth = $('#image').outerWidth(); var margin = (120 - imageWidth) / 2; //120 is your slider's width here $('#image').css({ marginLeft: margin, marginRight: margin }); 对于较大的图像: 通过仅应用宽度,使用JS动态缩放图像。假设您的滑块为120px宽,应用图

对于较小的图像,您可以尝试以下操作:

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');

你能解释清楚一点吗?我不太明白你的要求。您正在使用哪个插件?您的滑块是垂直还是水平?我使用的是垂直滑块。。我想使用不同大小的图像(相同宽度的不同高度)。我的问题是,当我使用不同高度的不同图像时,我的滑块根据大图像包裹,小图像根据大图像有空间。