Начало JQuery Carousel На 2-й кадр

Question

я это JQuery карусельного происходит: http://dougie.thewestharbour.com/wp-content/themes/dougie/slider.html

Она работает довольно хорошо прямо сейчас, но есть 2 вещи, которые я пытаюсь исправить в CSS и JQuery:

http://dougie.thewestharbour.com/wp-content/themes/dougie/carousel/css.css http://dougie.thewestharbour.com/wp-content/themes/dougie/carousel/js.js

Как я могу начать с 2-го кадра в центре экрана, с 1-го по-прежнему слева и 3-го по-прежнему справа? Он должен находиться в центре так, чтобы 1-й и 3-й были равномерно распределены с обеих сторон.

Я прикрепил изображение того, как оно должно выглядеть на экране шириной 1280 пикселей. Затем на большем размере экрана вы просто увидите больше левого и правого изображений, и все будет по-прежнему сосредоточено.

Кроме того, вы можете увидеть это добавляет следующий цикл, когда он движется от 1 до 2. Как бы я получить его, чтобы он добавляет его, когда он движется от конца обратно до 1, так что вы не» На самом деле видеть это добавить?

Спасибо, Wade

Answer 1

Глядя на карусельной плагин Я не думаю, что это возможно иметь начальный индекс. Я тем не менее найти тот, который делает: jCarousel

Это простое изменение в код, добавить идентификатор к ul и следующий JS

$(document).ready(function() { 
    $('#mycarousel').jcarousel({ 
     start: 2, 
     auto: 2, 
     scroll: 1, 
     wrap: "circular" 
    }); 
}); 

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

EDIT: Может теперь это сделать ...

Все, что вам нужно сделать, это установить ширину окна проекции ширины li, т.е. 750px. Затем добавьте margin:0 auto; в viewport css. Ох и установить overflow на visible.

DEMO