slider
-
[Slider] Swiperjs 옵션IT/PLUGIN 2022. 5. 30. 17:56
주로 사용하는 Swiperjs 옵션 // ! 동일한 스와이퍼 함수가 2번이상 호출되면 이슈가 발생됨(ex : 'pagination' 비정상 작동) // ! thumbs 적용시 일부태그('input, select, option, textarea, button, video')에 적용할 경우 액티브된 요소가 움지이지 않는 이슈 발생함 // (set swiper function name.touchEventsData.formElements = '컨트롤 제어 태그 나열'; ) var swiper = new Swiper('.swiper', { initialSlide : 0, // 슬라이드 시작위치값(몇번째 슬라이드부터 보여 줄것 인지 설정) speed : 400, // 슬라이드 전환 초 수 설정(duration 효과..
-
[Slider] Swiperjs 란, 그리고 설치IT/PLUGIN 2022. 5. 30. 17:45
# 목차 사용목적 Swiperjs란? 플러그인 홈페이지 사용을 위한 설치 사용을 위한 설정(css, js) 사용을 위한 레이아웃 구축(html, css) 사용을 위한 구문 작성(js) 그리고 결과 1. 사용목적 '배너', '공지사항' 등 '이미지'나 '텍스트' 등으로 된 정보를 시각적으로 회전시키거나, 수동적으로 움직이게하여 제공하기 위해 사용한다. 2. Swiperjs란? 'Swiperjs'는 모바일에 최적화된 'Slider'이나, 일반 웹에서도 큰 이슈없이 사용이 가능하다. MIT라이센스의 오픈소스로 상업적 이용이 가능하다. 3. 플러그인 홈페이지 해당 홈페이지에서 'Swiper.js' 플러그인을 사용하는 방법, 예제 등을 확인할 수 있다. https://swiperjs.com/ Swiper - Th..