swiper 질문합니다.

swiper 질문합니다.

QA

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보다 크면 슬라이드를 만들지 않습니다.

 

저 조건문을 빼시면 될것같아요

 

답변을 작성하시기 전에 로그인 해주세요.
전체 364
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT