jQuery. Бесконечная карусель

[VeniVidiVici]

Всем привет.

Начал изучение js и jQuery, написал простенькую тестовую карусель.

Вот код:

http://jsfiddle.net/LOL1/utxmto66/

 

Возникло несколько вопросов:

 

1)  Слайдер работает если дожидаться анимации перехода, но если кликать быстро, контейнер со слайдами просто вылетает за пределы. Как это исправить?

 

2) Допустим, у меня есть функция, с помощью которой слайды периодически переключаются сами(setinterval/settimeout). При клике пользователем на слайды эта функция должна выключаться(это понятно как), но как снова её включить? Т.е. если пользователь не кликает на слайды, то включить функцию. Такого события как "не кликает" нет))) (можно сделать с помощью .mouseleave(), но всё же, это немного не то).

 

3) Как .click() работает на сенсорных мобильных устройствах? Или вообще не работает и нужно использовать дополнительные библиотеки или события из js (touchstar и т.п.).В общем, корректно ли будет работать слайдер на мобильных устройствах?

 

 

 

[amelice]

Я бы предотвратила повторные клики, если на текущий момент идет анимация. 

Сделала бы так: http://jsfiddle.net/wj25qv1r/1/
Навскидку 1 пункт + 2 пункт: http://jsfiddle.net/2gekkr9t/

[amelice]

Разберитесь сначала с первым пунктом и нужно исправить код.

Я бы алгоритм сделала примерно таким:

1. При клике узнать - идет ли анимация на текущий момент. Если идет, то ничего не делать. Если нет, то запускать анимацию.

2. Запуск анимации. Сообщать, что идет анимация.

3. Двигать первый слайд.

4. После завершения анимации(колбек) восстановить первый слайд в конец контейнера и сообщить что анимация завершена.

[VeniVidiVici]

Мда, оказывается есть методы остановки анимации  .

Работает. Добавил 1 строку в коде.

http://jsfiddle.net/LOL1/utxmto66/10/

1 вопрос снят.

2 и 3 - ещё актуально.

Edited September 2, 2015 by VeniVidiVici

[VeniVidiVici]

Сделала бы так: http://jsfiddle.net/wj25qv1r/1/

Ваш вариант намного круче и плавнее моего(

Вроде разобрался.(вариант с таймером пока не смотрел)

 

Честно говоря, я бы сам не смог такую конструкцию написать. Как научиться такое писать? 

Прочитал 1 книгу по js + в справочник заглядываю, 1 книга по jquery + справочник гляжу.

Вчера писал пагинацию для слайдера, но там код примерно такой же примитивный, как в моём первом слайдере(хотя времени убил на это много).

[amelice]

Честно говоря, я бы сам не смог такую конструкцию написать. Как научиться такое писать? 

Только практика.. Вот вы увидели две верии реализации карусели, свой и мой, разобрались во всем этом - это хорошо. Значит нужно дальше писать, выкладывать код и спрашивать.

[VeniVidiVici]

amelice, спасибо вам большое, вы очень сильно мне помогли.

[amelice]

Не за что.