图像大小自动

时间:2011-09-17 00:13:07

标签: 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,则较小的图像会重复。我怎么能避免这个?

2 个答案:

答案 0 :(得分:0)

可能会工作:

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

答案 1 :(得分:0)

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