홈>
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();
});
});
<div class="home_top_swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">11 </div>
<div class="swiper-slide">22 </div>
<div class="swiper-slide">33 </div>
</div>
<div class="swiper-button-prev">prev</div>
<div class="swiper-button-next">next</div>
<div class="swiper-button-play">play</div>
<div class="swiper-button-pause">stop</div>
</div>
하지만 중지, 재생 버튼이 작동하지 않습니다.
내가 무엇을 놓쳤습니까? 아는 사람 있나요?
도와주세요.
- 답변 # 1
관련 질문
- javascript : 중첩 Ajax 호출 문제
- javascript : JQuery 및 CSS를 사용한 양식 유효성 검사
- 내 함수가 완료되면 JavaScript(또는 jQuery)로 사용자 정의 이벤트를 시작합니다.
- javascript : URL에서 페이지로 이미지를 가져오는 방법
- javascript : 여러 위치에서 호출할 수 있도록 아래 jQuery code를 함수에 작성하는 방법은 무엇입니까?
- c# : JavaScript에서 경로 매개변수를 얻는 방법은 무엇입니까?
- javascript : 문서 내부 경고가 준비된 후에만 작동하는 트리거
- javascript : alert() 함수의 소스 code
- javascript : jquery는 div를 제거하고 애니메이션으로 다음 항목을 다시 정렬합니다.
- javascript : ajax 요청의 게시물 데이터가 작동하지만 PHP는 여전히 정의되지 않은 인덱스를 표시합니다.
스 와이퍼에 할당 한 변수를 사용하십시오.
var homeSwiper = 새로운 Swiper ( '. home_top_swiper', {....