EasySlider 1.7 не показывает мое последнее изображение

Question

Используя easySlider 1.7 У меня все настроено так, как мне нравится, но последнее изображение моего 3 появляется и исчезает. Затем он повторяет 2 изображения снова.

Остальные 2 задерживаются на 5 секунд, затем третий движется, и его проглатывают.

Это мой код 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,
вертикаль: ложь, скорость: 800, авто: ложь, пауза: 5000, непрерывность: истина, числовой: ложь, числовой идентификатор: "элементы управления"};

Это мое

    <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 предоставляется <div id="slider"> должна быть равна ширине изображений, которые вы хотите слайд (я предполагаю, что ширина всех изображений, которые вы хотите слайд одинаковы.)

Последняя вещь включает float:left каждому из div'ов, а не только первому.

Просто попробуйте описанные выше вещи и посмотрите, работает ли он правильно.

Если проблема не устранена, дайте мне ссылку на страницу, если вы можете, чтобы я мог помочь вам.