Question

使用easySlider 1.7我已经完成了所有配置我的喜欢但是我的3的最后一张图像显示然后消失了。然后它再次循环2个图像。

另外2个人徘徊5秒钟，然后第3个进入并且它被吞没了。

这是我的easySlider代码：

 $.fn.easySlider = function(options){

//默认配置属性   var defaults = {
   prevId：'prevBtn'，    prevText：'上一页'，    nextId：'nextBtn'，    nextText：'下一步'，    controlsShow：false，    controlsBefore：''，    控制后：''，    controlsFade：true，    firstId：'firstBtn'，    firstText：'First'，    firstShow：false，    lastId：'lastBtn'，    lastText：'Last'，    lastShow：false，
   垂直：假，    速度：800，    auto：false，    暂停：5000，    连续的：真的，    数字：假，    numericId：'控件'   };

这是我的

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

有什么想法吗？我是设计师，代码不是我的强项。

干杯！

Answer 1

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

第二件事是提供给width的{{1}}应该等于你想要滑动的图像的宽度（我假设你要滑动的所有图像的宽度都是相同。）

最后一件事包括每个div的<div id="slider">，而不仅仅是第一个。

试试上面的内容，看看它是否正常工作。

如果仍然有问题，请提供页面链接，如果可以，我可以帮助你。

EasySlider 1.7没有显示我的上一张图片

1 个答案: