bx슬라이더 width %로 설정하기

bx슬라이더 width %로 설정하기

QA

bx슬라이더 width %로 설정하기

답변 1

본문

bx슬라이더 옵션중에서 slideWidth 로 각 슬리으다마다 width를 정해주는게 있는데 


slider.settings.slideWidth = parseInt(slider.settings.slideWidth);

 

콘솔로 찍어보니 저 문장에서 지정하는거같습니다.

 

근데 지정된 값이 아니라 % 로 정할려고하는데 (100%나 90%) parseInt(slider.settings.slideWidth); 에서 조정하는거 같은데 어떻게 바꿔야 할까요 ㅠㅠ

이 질문에 댓글 쓰기 :

답변 1

https://offbyone.tistory.com/148

 

5. 반응형으로 사용시 문제점

 

반응형웹에서 bxSlider 를 사용할때 화면 크기에 따라 슬라이더 자체를 감췄다가 보여주는 경우 슬라이더가 다시 표시되지 않는 경우가 있습니다. 이때는 bxSlider의 reloadSlider(); 메소드를 호출해 주면 다시 보여집니다.

 

$(document).ready(function() {
    var slider = $('.bxslider').bxSlider();
    
    var mql = window.matchMedia("screen and (max-width: 768px)");
    mql.addListener(function(e) {
        if(!e.matches) {
            slider.reloadSlider();
        }
    });
});

 

이 예에서는 window.matchMedia(); 를 사용해서 특정 화면 크기에서 다시 보여질 때 reloadSlider(); 를 호출 하도록 한 코드 입니다.



출처: https://offbyone.tistory.com/148 [쉬고 싶은 개발자]

 

위의 설명대로 크기에 따라서 다시 리로드 하시면 될거 같기도 한데 

참고만 하세요

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
  • 질문이 없습니다.
전체 0
© SIRSOFT
현재 페이지 제일 처음으로