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

Question

[Dmitrii Solovev]

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

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

Сейчас слайды переключаются с 1 по 4 и останавливаются.
Хочу, чтобы после 4 слайда все шло сначала.

Answer 1

[doitwell]

Лучший способ понять как сделать что-то хорошее - посмотреть как сделано что-то хорошее. Я бы рекомендовал глянуть на плагин looper.js

Открыть код, посмотреть на переключение стилей в FireBug.
В тот код, что есть сейчас нельзя добавить ещё картинок просто в html-разметку, потребуется менять JS.
Рекомендую прочитать про $.next() для поиска следующего отображаемого элемента. Если следующего не найдётся - переключать на нулевой. Собственно, вот и цикл по изображениям.

Answer 2

[Виталий Киренков]

Простите, но то как вы пытаетесь это сделать - полнейший ад. Заюзайте плагин jQuery Cycle - jquery.malsup.com/cycle/int2.html

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

Comments

[Graph]

лучше сразу cycle2 =)

[Виталий Киренков]

Я к этому как то больше привык, всё никак не перейду на второй =) Но сути то это не меняет =)

Answer 3

[Facetrollex]

setInterval()