Небольшой слайдер

[GstarMax]

Здравствуйте

Сделал небольшой слайдер.

Изначально кликая на миниатюры картинок, слайды переключаются. Но если пролистать полный круг и кликнуть на миниатюру, то слайды перестают переключаться, а происходит переход по ссылке.

Как это можно исправить? В какую сторону смотреть?

Сам слайдер залил на filestore.com.ua

JQuery такой

$(document).ready(function(){
var l;

/* меняет слайды при клике на кружечки */
$("#nomer a").click(function(eventObject){
l=$(this).attr("href");
$(".active").removeClass();
$(this).attr("class","active");
$("#big").hide().attr("src",l).fadeIn(250);
$(".bighref").attr("href", $(this).attr("rel"));
eventObject.preventDefault();
});

/* меняет слайды при клике на миниатюры */
	 $(".a-carousel-image-link img").click(function(eventObject){
		 l=$(this).attr("src");
$(".active").removeClass();
$("#big").hide().attr("src",l).fadeIn(250);
$(".bighref").attr("href", $(this).attr("rel"));
eventObject.preventDefault();
return false;
	 });

/* гортает миниатюры вверх */
	 $(".b-carousel-button-down").click(function(){ // при клике на правую кнопку запускаем следующую функцию:
$(".h-carousel-items").animate({top: "-184px"}, 200); // производим анимацию: блок с набором картинок уедет влево на 222 пикселя (это ширина одного прокручиваемого элемента) за 200 милисекунд.
setTimeout(function () { // устанавливаем задержку времени перед выполнением следующих функций. Задержка нужна, т.к. эти ффункции должны запуститься только после завершения анимации.
$(".h-carousel-items .a-carousel-image-link").eq(0).clone().appendTo(".h-carousel-items"); // выбираем первый элемент, создаём его копию и помещаем в конец карусели
$(".h-carousel-items .a-carousel-image-link").eq(0).remove(); // удаляем первый элемент карусели
$(".h-carousel-items").css({"top":"0px"}); // возвращаем исходное смещение набора набора элементов карусели
					 }, 300);
		 });

/* гортает миниатюры вниз */
$(".b-carousel-button-up").click(function(eventObject){ // при клике на левую кнопку выполняем следующую функцию:
$(".h-carousel-items .a-carousel-image-link").eq(-1).clone().prependTo(".h-carousel-items"); // выбираем последний элемент набора, создаём его копию и помещаем в начало набора
$(".h-carousel-items").css({"top":"-184px"}); // устанавливаем смещение набора -222px
$(".h-carousel-items").animate({top: "0px"}, 200); // за 200 милисекунд набор элементов плавно переместится в исходную нулевую точку
$(".h-carousel-items .a-carousel-image-link").eq(-1).remove(); // выбираем последний элемент карусели и удаляем его
});
	 });

[Николя223]

$(".h-carousel-items").animate({top: "-184px"}, 200,function(){Бла бла бла})

Можно без таймаута - тогда остальная часть произойдет после анимации

Вы бы пример на хост выложили. Но посмотрев на код - вижу, что у вас удаляются элементы, затем происходит клонирование. Просто событие click - не срабатывает, так как оно применяется только для элементов существовавших до его инициализации. читайте про live("click", function(){}) либо on("click", function(){ }), ...

С ними происходит привязка для всех элементов, которые уже созданы или будут созданы

Edited October 10, 2013 by Николя223

[GstarMax]

Спасибо, live("click", function(){}) помогло!!