jquery - 由于图像宽度导致的jquery循环间隙

Question

我正在使用 jquery 循环来随机播放一些图像。我有 div 容器向左浮动，因此它们并排。中间 div 和右 div 之间有一个间隙，我认为这是因为第一个图像是 100px 宽，第二个是 200px 宽。有没有办法让容器调整到显示的图像的宽度，所以没有间隙？

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>