2012-04-02 4 views
1

캐 러셀이있는 웹 페이지가 있지만 모바일 장치에서 렌더링 할 때로드하지 않는 것이 좋습니다. 휴대 기기의 초기화를 어떻게 건너 뛸 수 있습니까? 캐 러셀을 정지 이미지로 바꾸기

나는 그런 일 (아직 최적화)를 내놓았다 :

jQuery(function($){ 
    if($(window).width() > 767){ 
    $('.flexslider').flexslider({ 
     directionNav: false,    
     controlNav: false 
    }); 
    } 

    $(window).resize(function() { 
    if($(window).width() > 767){ 
     $('.flexslider').flexslider({ 
     directionNav: false,    
     controlNav: false 
     }); 
    } 
    }); 
}); 

그러나 나는 그것을 할 수있는 더 좋은 방법이 있어야한다고 생각한다. 어떤 아이디어?

CSS 쪽에서는 모든 슬라이드를 숨기 만하지만 첫 번째 이미지는 보이기 때문에 1 개의 이미지 만 볼 수 있습니다.

감사

답변

0

사이트 detectmobilebrowsers 모바일 브라우저를 감지하는 일부 자바 스크립트 코드가 - 당신은 그냥이 둥근 경우를 놓고는 모바일 브라우저가 아닌 경우에만 회전 목마를 인스턴스화 할 수 있습니다.

+0

답장을 보내 주셔서 감사합니다. 내가 볼 수있는 유일한 문제는 js 코드를 사용하여 detectmobilebrowsers에서 데스크톱의 작은 뷰포트를 감지하지 못하고 다른 슬라이드가 css로 인해 표시되지 않기 때문에 슬라이드가 1 개만 실행된다는 것입니다. – macsig

관련 문제