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

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

QA

SIR 제작의뢰 - 견적무료/익명보정/호스팅, DB 이전/단기개발. 이젠 ' 의뢰인'이 원하는 '제작자'에게만 연락처를 알릴 수 있습니다.

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

본문

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

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

 

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

 

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

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기 이 글을 내 구글플러스 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 1

채택됨

Rido님의 답변

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

 

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

참고만 하세요

주소복사
채택됨
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 79,601 | RSS
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT