프리랜서 웹개발자RELATION

RELATION 로고

홈페이지 소스

[소스] Swiper Slide#3 center-mode

2022.08.18
[북마크(작업중)]    [작성자 정보]
슬라이드 배너 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();




 

이 포스트 공유하기

글수정  글삭제 전체목록