Question

我的HTML代码中有以下脚本：

$(document).ready(function() {
    $("#slider").SexySlider({
        width     : 560,
        height    : 400,
        delay     : 3000,
        strips    : 10,
        autopause : true,
        navigation: '#navigation',
        control   : '#control',
        effect    : 'cascade'
    });
});

我希望图片宽度为自动。如果我输入类似560px的值，如果我的图像小于560px，则较小的图像会重复。我怎么能避免这个？

Answer 1

可能会工作：

$(document).ready(function() {
  $("#slider").SexySlider({
    width     : $(this).parent().innerWidth(),
    height    : $(this).parent().innerHeight(),
    delay     : 3000,
    strips    : 10,
    autopause : true,
    navigation: '#navigation',
    control   : '#control',
    effect    : 'cascade'
  });
});

Answer 2

使用png并使任何小于560宽的图像在图像的实际尺寸和560宽度之间的间隙中具有透明区域。因此，如果图像宽度为260像素，则将一个300像素宽的空白区域直接放在其右侧，并将其输出为png。

图像大小自动

2 个答案: