메인화면 롤링이미지 마우스 오버시 멈춤적용 채택완료
디자인아루즈
1년 전
조회 1,902
메인화면 롤링이미지 마우스 오버시 멈춤을 적용하고 싶습니다.
현재는 여부와 상관없이 계속 돕니다.
https://woosungent.com/index.php
메인롤링/제품소개/설치사례
</p>
<p><script>
var swiper = new Swiper('.swiper-container', {//첫번째슬라이드
loop : true,
paginationClickable: true,
spaceBetween: 0,
nextButton: '.button_right',
prevButton: '.button_left',
effect : 'fade',
autoplay: 8000,
autoplayDisableOnInteraction: false
});
$( ".swiper-slide" ).hover(
function() {
myswiper .autoplay.stop();
}, function() {
myswiper .autoplay.start();
}
);
</script>
<script>
var swiper = new Swiper('.swiper-container_room', {//두번째슬라이드
nextButton: '.nex_btn',
prevButton: '.pre_btn',
loop : true,
slidesPerView: 1,
paginationClickable: true,
grabCursor: true,
effect : 'fade',
autoplay: 4000,
autoplayDisableOnInteraction: false
});
$( ".swiper-slide" ).hover(
function() {
myswiper .autoplay.stop();
}, function() {
myswiper .autoplay.start();
}
);
</script>
<script>
var swiper = new Swiper('.swiper-container_special', {//세번째슬라이드
nextButton: '.spe_ri',
prevButton: '.spe_le',
loop : true,
slidesPerView: 2,
paginationClickable: true,
grabCursor: true,
autoplay: 4000,
autoplayDisableOnInteraction: true
});
$( ".swiper-slide" ).hover(
function() {
myswiper .autoplay.stop();
}, function() {
myswiper .autoplay.start();
}
);
</script></p>
<p>
어디를 수정할까요?
고수님들 도와주세요
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
댓글을 작성하려면 로그인이 필요합니다.
1년 전
https://swiperjs.com/swiper-api#param-pauseOnMouseEnter" id="param-pauseOnMouseEnter">pauseOnMouseEnter 이라는 옵션이 있네요 기본적으로 false로 되어있어서 true로 하면 될듯 싶어요
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인