찐망고'S 퍼블리싱그리고디자인

안녕하세요 찐망고입니다.저번 포스팅엔 기본슬라이드에서 버튼을 눌렀을 때 fade효과가 나오는 슬라이드를 만들어 보았는데요 swiper effect) fade와 slide동시에 구현하기안녕하세요 찐망고입니다.오래간만에 swiper 관련 포스팅을 하네요.생각보다 고민을 많이 한 코드라 공유하고자 같이 포스팅해봅니다  클론 한 사이트는 노보셀바이오입니다.http://novocellbio.com/uiweb.tistory.com 무한슬라이드는 loop의 형태를 false에서 true로 변경해 주면 됩니다. 슬라이드가 loop형태로 바뀌면 슬라이드가 무한 반복되도록 복제된 슬라이드가 추가되어, 실제슬라이더의 인덱스 위치가 바뀌므로realIndex대신 activeIndex를 사용해야 합니다. 그렇다고 이전 코드에서 ..

안녕하세요 찐망고입니다. 거두절미하구 포스팅 시작! https://www.imele.co.kr/ 아이멜리 건강하고 아름다운 삶을 위한 라이프 케어, 아이멜리 www.imele.co.kr 학생이 여기 있는 Best Product섹션의 슬라이드를 따라하고 싶어해서 만들어보았습니다. 아 저 사이트는 slick을 사용하였는데 이번반 slick적용하는 수업을 안했음.. 그래서 swiper로 만들어 볼게요~ 일단 두개의 swiper를 만들어서 swiper.controller.control를 이용해서 연결해보려고 했는데.. 실패했습니다. 계속 충돌해서 swiper-slide-active가 움직이지 않고 고정되는 바람에.. 🤣🤣 그래서 사용한 방법 // HTML 피부에 전하는 청귤 세럼의 빛 2주 잡티 이별 세럼 청귤..