Jump to content

Report

  • Similar Content

    • By 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(); // выбираем последний элемент карусели и удаляем его
      });
      });

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy