Search the Community
Showing results for tags 'слайдер jquery'.
-
Здравствуйте Сделал небольшой слайдер. Изначально кликая на миниатюры картинок, слайды переключаются. Но если пролистать полный круг и кликнуть на миниатюру, то слайды перестают переключаться, а происходит переход по ссылке. Как это можно исправить? В какую сторону смотреть? Сам слайдер залил на 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(); // выбираем последний элемент карусели и удаляем его }); });
-
Всем привет Подскажите слайдер с постоянной прокруткой картинок. Они должны прокручиваться все время и с одинаковой скоростью. Я уже обыскался в гугле...