Карусель сходит с ума от многократных нажатий на кнопку

Я сделал карусель с jquery. Карусель имеет три раздела и большие фоновые изображения. При нажатии на правую кнопку. Приближается следующий раздел, и фоновое изображение прокручивается на -1000 пикселей вправо.

Но теперь проблема. Когда я очень быстро нажимаю пару раз на следующую кнопку. Дырочная карусель сходит с ума. Как я могу это исправить? При нажатии на следующую кнопку. Тогда вы не сможете печатать снова. Вы должны подождать, пока он не оживится. Спасибо за помощь.

Вы можете увидеть код на JsFiddle

http://jsfiddle.net/6RJzU/1/


javascript carousel jquery
person Mike Vierwind    schedule 24.10.2011    source источник
comment
Я не рекомендую курить на карусели...   -  person Tieson T.    schedule 24.10.2011
comment
Дым не проблема... При нажатии на следующую кнопку. Вы можете нажать на нее много раз. Когда вы нажимаете много раз на эту кнопку. Карусель сломалась...   -  person Mike Vierwind    schedule 24.10.2011
comment
Прежде чем запускать новую анимацию (переход к следующему/предыдущему изображению), попробуйте проверить, запущена ли в данный момент анимация. Для этого можно использовать: $('%selector%').is(':animated') и .stop.   -  person Yoshi    schedule 24.10.2011
comment
Я не понимаю. Можете ли вы привести пример с jsFidle?   -  person Mike Vierwind    schedule 24.10.2011
comment
Посмотрите: jsfiddle.net/gKtEU/3 при повторном нажатии на #foo вы увидим, что анимация запускается только тогда, когда она еще не запущена. (if ($(this).is(':not(:animated)')) ...). В вашем случае вы можете сделать это для объекта background в обработчиках событий нажатия кнопки.   -  person Yoshi    schedule 24.10.2011
comment
Спасибо!!! Я многому у тебя учусь!   -  person Mike Vierwind    schedule 24.10.2011

Ответы (1)


arrow_upward
1
arrow_downward

Это исправит??

http://jsfiddle.net/6RJzU/2/

person adeneo    schedule 24.10.2011