[플러그인] 탭안에 슬라이드, 영역 밖의 화살표 => slick

https://github.com/OwlCarousel2/OwlCarousel2/issues/1139

2018.03.14

탭안에 슬라이드를 넣는중 사용한 OwlCarousel

탭을 클릭할때마다 위드값을 이상하게 받아온다.

반응형이라 창 크기를 줄이면 제 값을 가져오는데 첫 화면에서 탭을 클릭하면 이상하다.

그래서 swiper로 바꿨다. swiper는 잘된다.

안되는 플러그인은 에러사항을 메모해두고 다른걸로 갈아타자.

다음에 업데이트 되겠지.

2018.03.15

하단 이미지와 같이 스와이퍼 영역을 벗어난 화살표가 필요했다.

swiper는 화살표 마크업이 따로 필요하기 때문에, 해당 영역을 벗어나는 화살표는

swiper 밖으로 화살표 마크업을 빼고, swiper와 화살표를 감싸는 박스에 position:relative를 준 다음에 따로 absolute를 줘서 만들었다.

2018.03.20

익스9에서 swiper가 깨진다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 익스 9에서 당연히 될거라 생각한 내가 삼류다.

검색해보니 swiper버전을 낮추라고 하는데 그거 다운받아서 넣고 함수도 다시 써야하고.. 시간도 없는데 할일이 많아서 slick으로 바꿨다.

slick은 익스8부터 잘 된다. 심지어 화살표 마크업도 따로 없어서 css만으로 위치 조절 가능하다. 헐 개이득..... 앞으로 slick써야지..

그리고 탭 안에 slick이 들어간다.

탭 안에 슬라이드를 넣으면 새로 작동 이벤트를 걸어주지 않으면 작동이 안된다.

탭 클릭 이벤트 안에 $('.swiper-wrapper').slick('setPosition'); 를 넣어주면 작동 잘된다..!

slick 좋은 것 같다☺

+)

swiper.update();

https://stackoverflow.com/questions/44574072/set-active-slide-in-modal-click-on-swiper-slider

2018.05.04

웹은 익스9 때문에 슬릭을 넣었는데

모바일 삼성 브라우저에서 터치감이 구려서 모바일만 스와이퍼로 바꿨다.