현재 메인에 상품 슬라이드를 박스슬라이더로 이용하고있는데요
홈페이지 화면이 1500아래일때 슬라이드 가로값을 300으로 변경하고싶습니다 ㅠㅠ
구글링 열시미해봐도 초보라 어렵네요 ㅠㅠ 코드는 이렇습니다! 감사합니다
Copy
jQuery(function($){
$('.sct_20').show().bxSlider({
maxSlides: 3,
moveSlides:1,
slideWidth: 500,
auto: true,
pager:false
});
});답변 2개 / 댓글 2개
채택된 답변
+20 포인트
2018-12-04 (화) 11:15:36
jQuery(function($){
var wid_val=0;
if($(document).width()<1500){
wid_val = 300;
}else{
wid_val = 500; // 1500 보다 클경우
}
$('.sct_20').show().bxSlider({
maxSlides: 3,
moveSlides:1,
slideWidth: wid_val,
auto: true,
pager:false
});
});
답변에 대한 댓글 1개
bonobonobxslider의 경우 width가 기본적으로 유동적으로 설정됍니다.
슬라이드를 감싸고있는 엘리먼트( ex:div )의 가로값을 미디어쿼리를 사용해 width 300으로 변경하세요
예)
@media screen and (max-width:1500px){
div { width:300px }
}
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.