swiper 질문합니다.
본문
미디어쿼리로 해서
1024px 이상에서는 flex로 목록이 다 나타나게 하고
1024px 이하에서는 swiper로 슬라이드를 돌리려고 합니다.
아래처럼 스크립트를 넣었는데 1024px 이하에서는 잘 적용이 되는데
1024px 이상에서는 내용이 보이지 않습니다..
어떻게 해야하나요?
<script>
function news () {
if(window.innerWidth<=1024) {
var newsSwiper = new Swiper('.news', {
1024:{
loop:true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
spaceBetween: 25,
}
});
}
}
news() ;
</script>
답변 2
소스를 해석해보자면
if(window.innerWidth<=1024) { //윈도우의 너비가 1024보다 작으면
var newsSwiper = new Swiper('.news', { //슬라이더를 만든다.
...
}//if end
윈도우의 너비가 1024보다 작으면 슬라이드를 만들지만, 윈도우너비가 1024보다 크면 슬라이드를 만들지 않습니다.
저 조건문을 빼시면 될것같아요
답변을 작성하시기 전에 로그인 해주세요.
