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>

由于图像宽度，jquery循环间隙

1 个答案: