Javascript 图像大小自动调整

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

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

我希望图像宽度是自动的。如果我输入一个像560px的值，如果我有一个小于560px的图像，较小的图像会自动重复。我如何避免这种情况？

可能有效：

$(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'
  });
});

可能有效：

$(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'
  });
});

---

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

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

hi！我试过这个，但看起来不管用。图像消失了。所以我必须找到另一个解决方案嗨！我试过这个，但看起来不管用。图像消失了。所以我必须找到另一个解决办法