jquery - 画像幅によるjqueryサイクルギャップ

Question

jquery サイクルを使用して、いくつかの画像をシャッフルしています。div コンテナーが左に浮いているので、横に並んでいます。最初の画像の幅が 100px で、2 番目の画像の幅が 200px であるため、中央の div と右の div の間にギャップが表示されます。表示されている画像の幅に合わせてコンテナを調整し、隙間がないようにする方法はありますか?

Answer 1

これは私のために働いた：

JS

/* Cycle plugin fit width */
$('#slider1 ul').cycle({
    fx:     'scrollLeft',
    easing: 'easeOutBack',


    nowrap:  0 ,
    delay:  -2200,
    before: function(curr, next, option){

           var w = curr.style.width;
           $('#slider1 ul').css({'width': w});

    }
});

HTML

<div id="slider1" style="float:left;width:auto;margin:0">
<ul  style="width: 150px; margin:0; padding:0">
<li style="width: 200px"><img src="shuff/1.jpg" height="165" width="150"  /></li>
<li style="width: 150px"><img src="shuff/2.jpg" height="165" width="200" /></li>
</ul>
</div>