Jump to content

Search the Community

Showing results for tags 'слайдер jquery'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Development
    • HTML Coding
    • JavaScript
    • PHP
    • CMS
    • Database
    • Web Server
    • Web-site Development
    • Internet Marketing, SEO
  • Library
    • Tricks and solutions
    • Books
  • Commercial services
    • Freelance
    • Job
    • Goods and Services
  • Our Forum
    • Flame
    • Contests
    • Feedback and Ideas

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


Telegram


Signal


Viber


Skype


From


Interests

Found 2 results

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