javascript — на swiper.js, добавить стоп, кнопку воспроизведения

На swiper.js добавить стоп, кнопку воспроизведения

На swiper.js я пытаюсь добавить кнопку воспроизведения, стоп на авто слайдере. Вот я и попробовал вот так

 $(function() { var homeSwiper = new Swiper('.home_top_swiper', { pagination: '.swiper-pagination', nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', paginationClickable: true, autoplay: 3000, autoplayDisableOnInteraction: true, loop: true, autoHeight: true }); $(".swiper-button-pause").click(function(){ Swiper.autoplay.stop(); }); $(".swiper-button-play").click(function(){ Swiper.autoplay.play(); }); }); {amp}lt;div class="home_top_swiper"{amp}gt; {amp}lt;div class="swiper-wrapper"{amp}gt; {amp}lt;div class="swiper-slide"{amp}gt;11 {amp}lt;/div{amp}gt; {amp}lt;div class="swiper-slide"{amp}gt;22 {amp}lt;/div{amp}gt; {amp}lt;div class="swiper-slide"{amp}gt;33 {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="swiper-button-prev"{amp}gt;prev{amp}lt;/div{amp}gt; {amp}lt;div class="swiper-button-next"{amp}gt;next{amp}lt;/div{amp}gt; {amp}lt;div class="swiper-button-play"{amp}gt;play{amp}lt;/div{amp}gt; {amp}lt;div class="swiper-button-pause"{amp}gt;stop{amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; 

Но остановка, кнопка воспроизведения не работает для меня. Что я пропустил? Кто-нибудь знает?
Пожалуйста помоги.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector