테스트 사이트 - 개발 중인 베타 버전입니다

bx 슬라이더 반응형 질문

배상환 6년 전 조회 7,735

메인페이지에 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개

티로그
6년 전

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

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

https://bxslider.com/options/

로그인 후 평가할 수 있습니다

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

L
6년 전

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

로그인 후 평가할 수 있습니다

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

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

로그인 후 평가할 수 있습니다

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

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

로그인