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

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

QA

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

본문

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 [쉬고 싶은 개발자]

 

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

참고만 하세요

답변을 작성하시기 전에 로그인 해주세요.
전체 95
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT