홈페이지 소스
[소스] Swiper Slide#3 center-mode
작성자
꿘쓰
작성일/수정일
2022-10-31 09:57:58 / 2022-08-18 18:21:29
슬라이드 배너 Swiper Slide#3
* slick slider - centermode 의 디스플레리가 필요 하지만 익숙한 swiper slide 작업
- Slide List 초기값은 파라미터 num( value 1~4)에 따라 array로 정렬해서 보여짐
- 모바일 버젼 (375pix 최적화)
=> https://relation.co.kr/images_board/board_system_publishing/245/slide3_1.php?num=1
=> https://relation.co.kr/images_board/board_system_publishing/245/slide3_1.php?num=2
=> https://relation.co.kr/images_board/board_system_publishing/245/slide3_1.php?num=3
=> https://relation.co.kr/images_board/board_system_publishing/245/slide3_1.php?num=4
** 적용옵션 정리
1) 특정 슬러이더로 이동
swiper.slideTo((이동할 슬라이드 번호), (속도), false);
2) 이전, 다음 슬라이더로 이동
swiper.slidePrev();
swiper.slideNext();
* slick slider - centermode 의 디스플레리가 필요 하지만 익숙한 swiper slide 작업
- Slide List 초기값은 파라미터 num( value 1~4)에 따라 array로 정렬해서 보여짐
- 모바일 버젼 (375pix 최적화)
=> https://relation.co.kr/images_board/board_system_publishing/245/slide3_1.php?num=1
=> https://relation.co.kr/images_board/board_system_publishing/245/slide3_1.php?num=2
=> https://relation.co.kr/images_board/board_system_publishing/245/slide3_1.php?num=3
=> https://relation.co.kr/images_board/board_system_publishing/245/slide3_1.php?num=4
** 적용옵션 정리
1) 특정 슬러이더로 이동
swiper.slideTo((이동할 슬라이드 번호), (속도), false);
2) 이전, 다음 슬라이더로 이동
swiper.slidePrev();
swiper.slideNext();