swiper (2) 썸네일형 리스트형 [#. Swiper] Swiper 슬라이드 작동 안 될 때 해결하기 https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 팝업을 띄우고 팝업 안에서 swiper를 사용하려고 한다 ① HTML 1 2 3 ② JS var swiperPopup = new Swiper('.swiper-popup', { // Optional parameters direction: 'horizontal',// 가로 슬라이드 slidesPerView: 1,// 한 영역에 보이는 슬라이드 수 spaceBe.. [#CSS] Swiper 슬라이드 생성하기, 이미지 슬라이드, 유튜브 슬라이드 가로로 슬라이드할 수 있는 이미지 슬라이드를 사용하려고 한다 swiper를 쉽게 사용해보자 swiperjs.com/demos/ Swiper Demos swiperjs.com ⑴ 설치 ① CDN으로 사용 ② NPM 설치 npm install swiper // import Swiper JS import Swiper from 'swiper'; // import Swiper styles import 'swiper/swiper-bundle.css'; const swiper = new Swiper(...); 둘 중 편한 방법으로 설치한다 ⑵ html Slide 1 Slide 2 Slide 3 ... ⑶ script var mySwiper = new Swiper('.swiper-container', { // Opti.. 이전 1 다음
