테마 메인 슬라이트 질문 드려요
본문
사용테마 https://theme.sir.kr/youngcart5/everyday/
아래의 이미지는 메인슬라이트 형식 입니다.
모바일슬라이드 형식처럼 이미지 1줄1장 처리할수잇나요?
----------------
pc 버전에서도 모바일 슬라이드 이미지 형식처럼 처리 할려면 어떻게 해야하는가요?
아래의 이미지는 모바일 슬라이드 형식입니다.
답변 1
제이쿼리 슬라이더가 owlCarousel 로 보여집니다.
https://www.landmarkmlp.com/js-plugin/owl.carousel/
샘플 옵션 기능은 이쪽에서 참고하셔서 스크립트를 수정하면 될듯하고요
우선 테마에서 보여지는 소스상으론
<script>
$(function(){
$('.bn_img').owlCarousel({
autoplay: true,
center: true,
loop: true,
nav: true,
responsiveClass:true,
responsive:{
0:{
items:1,
},
600:{
items:1,
},
1000:{
autoWidth:true,
}
}
});
});
</script>
이부분을 수정하면 되실거 같긴합니다.
아 참고로 위는 이미지 롤링으로 피씨버전에서 1200*567 사이즈 입니다.
와이드로 늘어나면 높이도 늘어나겠죠?
반대로 피씨에 맞는 비율로 하게되면 모바일에선 얇은 느낌이 들겁니다.
반응형이라서 이미지로 똑같이 보일려면 아마 잘 조절해서 사용하셔야 될것으로 보입니다.
답변을 작성하시기 전에 로그인 해주세요.