圖像尺寸自動

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。