Swiper.js에서 슬라이드 넘어갈 때 event 및 조건문 추가하는 방법 on에 이벤트 속성 삽입 후 event 또는 조건문의 내용 넣기 var mySwiper = new Swiper('.swiper-container', { slidesPerView: 'auto', centeredSlides: true, on: { slideChange : function() { // event }, }, }); * Swiper Event List init 슬라이드 쇼가 초기화될 때 slideChange 슬라이드가 변경될 때 slideChangeTransitionStart 슬라이드 변경 트랜지션 시작시 slideChangeTransitionEnd 슬라이드 변경 트랜지션 끝날 때 slideNextTransitionSta..
// responsive event let mql = window.matchMedia("screen and (max-width: 768px)"); if (mql.matches) { console.log('모바일'); } else { console.log('데스크탑'); } // resize event let mql = window.matchMedia("screen and (max-width: 768px)"); mql.addListener(function(e) { if(e.matches) { console.log('모바일'); } else { console.log('데스크탑'); } }); *참고 https://offbyone.tistory.com/122
- Total
- Today
- Yesterday
- 에러이미지속성
- sticky제이쿼리
- 텍스트플로팅효과
- marquee javascript
- a태그다운로드
- 이미지맵반응형
- 인쇄스크립트
- calendarflipanimation
- php조건문
- 2단레이아웃반응형
- calendarflipjavascript
- php조건문축약형
- flipjavascriptanimation
- 자동인쇄script
- 퍼블리셔이직
- phpif조건문
- 이미지onerror
- 스크롤커스텀
- rwdImageMaps
- flipjavascript
- 흘러가는텍스트효과
- clockflipanimation
- 그리드반응형
- 스티키효과
- flipanimation
- 경력직웹퍼블리셔이직
- marquee html
- marquee css
- 스크롤커스텀css
- 에러이미지마크업
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |
31 |