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

我正在使用jquerycycle洗牌一些图像。我有div容器漂浮在左边，所以它们并排放置。中间的div和右边的div之间有一个间隙，我相信这是因为第一个图像是100px宽，第二个是200px宽。有没有办法使容器调整到显示图像的宽度，这样就没有间隙？

这对我来说很有效：

JS

HTML

宽度：150px；边距：0；填充：0“>
宽度：200px>
宽度：150px>

如果你发布一些代码或链接到一把小提琴，这会有所帮助。

/* 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});

    }
});

<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>