반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- php
- JavaScript
- css3
- 네이버웹마스터도구
- 무료호스팅
- 워드프레스소개
- 제이쿼리
- 영카트
- 그누보드
- 워드프레스
- jQuery
- 반응형웹
- Linux
- 기업홈페이지제작
- Wordpress
- 댕댕이
- 카페24
- html5
- 반려견
- 웹호스팅
- 워드프레스플러그인
- 병원홈페이지제작
- 워드프레스란?
- MySQL
- 워드프레스홈페이지제작
- 플러그인설치방법
- 반응형홈페이지
- 자바스크립트
- 닷홈
- 무료호스팅서버
Archives
- Today
- Total
pm1122dev의 비밀노트
swiperjs 특정 수 이상에서 동작하도록 작업 본문
728x90
반응형
<script>
$(function(){
let options = {};
if ( $(".swiper-container .swiper-slide").length == 1 ) {
options = {
slidesPerView: 1,
centeredSlides: true,
spaceBetween: 0,
grabCursor: true,
pagination: {
el: '.ticket_pagination',
clickable: true,
},
loop:true,
autoplay: {
delay: 135000,
},
}
} else {
options = {
loop: false,
autoplay: false,
pagination: {
el: '.ticket_pagination',
clickable: true,
},
}
}
var swiper = new Swiper('.myticket_slider', options);
})
</script>
728x90
반응형
'javascript&jquery' 카테고리의 다른 글
단위 콤마 찍기 (0) | 2021.01.25 |
---|---|
[jquery] 동적으로 추가한 경우 이벤트주기 (0) | 2021.01.23 |
swiperjs 원하는 위치로 이동 (0) | 2021.01.23 |
swiperjs 여러개 사용하기 (0) | 2021.01.23 |
제이쿼리 datepicker 사용하기 (0) | 2021.01.23 |
Comments