0

使用easySlider 1.7，我已经按照我的喜好进行了所有配置，但是我的3的最后一张图像出现然后消失了。然后它再次循环 2 个图像。

其他 2 人停留 5 秒，然后第 3 人进入并被吞没。

这是我的easySlider代码：

 $.fn.easySlider = function(options){

// 默认配置属性 var defaults = {
prevId: 'prevBtn', prevText: 'Previous', nextId: 'nextBtn', nextText: 'Next', controlsShow: false, controlsBefore: '', controlsAfter: '', controlsFade: true , firstId: 'firstBtn', firstText: 'First', firstShow: false, lastId: 'lastBtn', lastText: 'Last', lastShow: false,
vertical: false, speed: 800, auto: false, pause: 5000, 连续: true, numeric: false, numericId: 'controls' };

这是我的

    <div style="position:absolute; left:457px; top:598px; width:468px; height:331px; overflow: hidden;" id="slider"">
          <ul style="width: 1404px; margin-left:0px;">
            <li style="margin-left: 457px; float: left;"><img src="../stewart/studies/1_invest/invest_01.png"></li>    
      <li style="margin-left: 11px;"><img src="../stewart/studies/1_invest/invest_02.jpg"></li>
   <li style="margin-left: 0px;"><img src="../stewart/studies/1_invest/invest_03.jpg"></li>
    </ul>
</div>

有任何想法吗？我是一名设计师，代码不是我的强项。

干杯!

4

1 回答 1

0

首先，您应该删除margin-left您提供给个人的内容li。滑动时由margin-left插件自动提供。

第二件事是width提供给的<div id="slider">应该等于您要滑动的图像的宽度（我假设您要滑动的所有图像的宽度都是相同的。）

最后一件事包括float:left每个 div，而不仅仅是第一个。

只需尝试上述方法，看看它是否正常工作。

如果仍然存在问题，请提供页面链接，如果可以的话，我可以帮助您。

于 2010-10-29T11:36:13.030 回答