異なるサイズの画像を持つJqueryスライダ

Question

1. 高さの異なる画像を持つスライダを構築する必要があります。
2. 私は画像間に隙間がないことを望んでいます。画像が小さい場合は、適切なパディングまたはマージンが表示されます。
3. イメージスライダを折り返してはいけません。

Answer 1

小さい画像では、このような何かを試すことができます。

var imageWidth = $('#image').outerWidth(); 
var margin = (120 - imageWidth)/2; //120 is your slider's width here 

$('#image').css({ 
    marginLeft: margin, 
    marginRight: margin 
}); 

を大きな画像の場合： スケール画像を動的に幅のみを適用することによって、JSを使用して。スライダの幅が120ピクセル、画像の幅が120ピクセル、高さがないとします。これにより、画像が自動的にアスペクト比を維持して調整されます。

$('#image').css('width', '120px');