bx 슬라이더 반응형 질문

2019-03-07 (목) 14:14:01 8,147

메인페이지에 bx슬라이더가 적용되어있는데.

처음화면 div class="video" <-동영상 video태그사용

두번째화면 div class="pho1"

세번째화면 div class="pho2"

네번째화면 div class="pho3"

다섯번째화면 div class="pho4"

이렇게 되어있습니다.

그런데 반응형으로 window 창을 width값900이하로 줄이면

div class= "video"가 사라지고 모바일에선 div class="pho1" 부터 시작하게 하고 싶은데,

display:none으로도 안되고 제이쿼리를 이용해 remove로 해도

div class="video"는 사라졌지만 처음화면은 비어있고 pho1부터 시작을 안하네요...

도움을 요청합니다..

답변 3개

bxslider 에 method 중에 redrawSlider,reloadSlider,destroySlider등의 함수가 있네요

redrawSlider 함수를 사용하시면 될 것 같군요.

https://bxslider.com/options/

jquery remove 를 사용하신뒤에 $('#slide').bxSlider({});  슬라이더를 다시한번 초기화설정을 해보세요.

2019-03-07 (목) 15:13:40

is_mobile() 함수를 사용해서 php 단에서 아예 모바일로 접근시 안나오게 해보세요.

답변을 작성하려면 로그인이 필요합니다.