Горизонтальное расширение сценария слайд-шоу карусели jCarousel Lite на лету

Я хочу создать слайд-шоу карусели с помощью подключаемого модуля jQuery под названием «jCarousel Lite» (http://www.gmarwaha.com/jquery/jcarousellite/). У меня это работает. Хитрость в том, что я хочу также создать кнопку «развернуть» в стиле YouTube, которая масштабирует это слайд-шоу, чтобы заполнить всю ширину страницы.

Пока с помощью jQuery мне удалось создать именно такую ​​кнопку расширения. Проблема в том, что кнопки «Далее» и «Предыдущий» по-прежнему перемещаются только на расстояние, которое было задано при первой инициализации карусели. Очевидно, что теперь, когда ширина стала больше, им нужно скользить на большее расстояние.

По сути, мне нужна информация о том, как я могу изменить расстояние, на которое скользят кнопки «следующий» и «предыдущий», после того, как карусель была впервые инициализирована.


person Joen    schedule 25.08.2010    source источник


Ответы (1)


Итак, я, возможно, нашел полурешение моей проблемы с «расширением».

Повторная инициализация слайд-шоу не сработала. Я не смог найти (или подключиться) переменную, которая определяет, как далеко перемещается каждый слайд при каждом следующем/предыдущем щелчке.

Поэтому я решил встроить слайд-шоу в увеличенном размере, но с меньшими изображениями внутри. При нажатии кнопки «Развернуть» я не разворачивал само слайд-шоу, а только элементы внутри. Объедините это с содержащим div, для которого была установлена ​​​​малая ширина и переполнение: скрыто, все работало почти идеально.

person Joen    schedule 25.08.2010