Как зациклить слайдер?

Привет, я только изучаю JS и Jquery. Писал небольшой слайдер на CSS, потом решил добавить в него динамики. Автоматическое переключение сделать получилось, а как его зациклить - ломаю голову.

jsbin.com/vanaw/1/edit?js,output

Сейчас слайды переключаются с 1 по 4 и останавливаются.
Хочу, чтобы после 4 слайда все шло сначала.
  • Вопрос задан
  • 10579 просмотров
Пригласить эксперта
Ответы на вопрос 3
@doitwell
Лучший способ понять как сделать что-то хорошее - посмотреть как сделано что-то хорошее. Я бы рекомендовал глянуть на плагин looper.js

Открыть код, посмотреть на переключение стилей в FireBug.
В тот код, что есть сейчас нельзя добавить ещё картинок просто в html-разметку, потребуется менять JS.
Рекомендую прочитать про $.next() для поиска следующего отображаемого элемента. Если следующего не найдётся - переключать на нулевой. Собственно, вот и цикл по изображениям.
Ответ написан
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
Простите, но то как вы пытаетесь это сделать - полнейший ад. Заюзайте плагин jQuery Cycle - jquery.malsup.com/cycle/int2.html

В вашем случае пример с Pager, и вместо цифер используете ваши превьюшки. Для того чтобы зациклить меняете параметр timeout с 0 на 300 например, это частота смены слайдов.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы