画像サイズの自動

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として出力します。