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 [쉬고 싶은 개발자]
위의 설명대로 크기에 따라서 다시 리로드 하시면 될거 같기도 한데
참고만 하세요
답변을 작성하시기 전에 로그인 해주세요.