[contact-form-7 id="24085" title="Feedback RU"]

Новые шаблоны

JS Animated. Как заставить карусель работать циклично

Из этого туториала Вы узнаете, как включить цикл карусели в JS-анимированных шаблонах.

JS Animated. Как заставить карусель работать циклично

  1. Найдите Карусель на вашем сайте:

    JS Animated. How to enable carousel loop - 1

  2. Исследуйте эту Карусель, используя инструмент Firebug для Firefox или используя Инструмент исследования элементов Chrome. Вы увидите, что Карусель «owl» используется в следующем разделе:

    JS Animated. How to enable carousel loop - 2

  3. Используйте FTP или Файловый менеджер и откройте файл index.html, который отвечает за страницу с каруселью:

    JS Animated. How to enable carousel loop - 3

  4. Для того чтобы включить цикл карусели, используйте атрибут data-loop со значением true для целевого объекта с классом .owl-carousel:

    JS Animated. How to enable carousel loop - 4

  5. Вернитесь на ваш сайт. Обновите страницу, перед тем как проверить Карусель. Вы убедитесь, что карусель заново начинает показ слайдов, после показа всех слайдов:

    JS Animated. How to enable carousel loop - 5

Вы можете также ознакомиться с детальным видео-туториалом ниже:

JS Animated. Как заставить карусель работать циклично