Categories

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

JS Animated. Как работать с функциями Карусели Owl (автоматическое воспроизведение, управление, нумерация элементов)

George Jones Март 10, 2016
Rating: 5.0/5. From 2 votes.
Please wait...

Из этого туториала Вы узнаете, как работать с функциями Карусели Owl (автоматическое воспроизведение, управление, нумерация элементов) в JS-анимированных шаблонах.

JS Animated. Как работать с функциями Карусели Owl (автоматическое воспроизведение, управление, нумерация элементов)
  1. Найдите карусель на вашем сайте:

    JS Animated. How to to manage Owl Carousel features (autoplay, navigation setup, pagination setup) - 1
  2. В шаблонах HTML-сайтов, автоматическое воспроизведение Карусели Owl отключено по умолчанию. Для того чтобы включить его, используйте атрибут data-autoplay. Задайте ему значение ‘true’ в файле index.html, который отвечает за страницу с каруселью:

    JS Animated. How to to manage Owl Carousel features (autoplay, navigation setup, pagination setup) - 2
  3. Для того чтобы отобразить элементы управления ‘Предыдущий’/’Следующий’ (‘Previous’/’Next’) Карусели Owl, используйте атрибут data-nav=’true’ для нужной карусели:

    JS Animated. How to to manage Owl Carousel features (autoplay, navigation setup, pagination setup) - 3
  4. Для того чтобы отобразить нумерацию элементов Карусели Owl, используйте атрибут data-dots=’true’ для нужной карусели:

    JS Animated. How to to manage Owl Carousel features (autoplay, navigation setup, pagination setup) - 4
  5. Вернитесь на ваш сайт и проверьте Карусель Owl. Вы увидите, что функции автоматического воспроизведения, управления элементами при помощи кнопок ‘Предыдущий’/’Следующий’ (Previous’/’Next’) и нумерации элементов теперь включены.

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

JS Animated. Как работать с функциями Карусели Owl (автоматическое воспроизведение, управление, нумерация элементов)
Эта запись была размещена в JS Animated туториалы и помечена как autoplay, carousel, HTML, navigation, Owl, pagination. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов