用静态图像替换轮播

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代码可以检测移动浏览器 - 你可以放一个if round，如果它不是移动浏览器，只会实例化轮播。