EasySlider 1.7, не показывающий мое последнее изображение

Question

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

Остальные 2 висят в течение 5 секунд, затем 3-й ход, и он поглощается.

Это мой easySlider код:

$.fn.easySlider = function(options){ 

свойства // конфигурации по умолчанию вар по умолчанию = {
prevId: 'prevBtn', prevText: 'Назад', NextID: 'nextBtn', nextText: 'Next', controlsShow: ложь, controlsBefore: '', controlsAfter: '', controlsFade: правда, FirstId: 'firstBtn', firstText: 'Во-первых', firstShow: ложь, lastId: 'lastBtn', lastText: 'Последний', lastShow: ложь,
по вертикали: ложь, скорость: 800, авто: ложь, пауза: 5000, непрерывно: верно, 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> 

Любые идеи? Я дизайнер и код не моя сильная сторона.

Cheers!

Answer 1

Прежде всего, вы должны удалить margin-left, который вы указали для indivadual li. margin-left автоматически предоставляется плагином при слайде.

Вторая вещь, что width предоставлена ​​<div id="slider"> должна быть равна ширине изображения, которые вы хотите, чтобы скользить (я предполагаю, что ширина всех изображений, которые вы хотите, чтобы скользить одни и те же.)

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

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

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