用靜態圖像替換傳送帶

Question

我有一個帶有傳送帶的網頁，但我不想在移動設備中渲染時加載它。 如何跳過移動設備上的初始化？

我想出了類似的東西（未優化尚）：

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圖像可見。

感謝

Answer 1

該網站detectmobilebrowsers有一些JavaScript代碼來檢測移動瀏覽器 - 你可以只是把一個如果這一輪只有實例傳送帶如果不是移動瀏覽器。