CCSlider慢I-phone /老機器人

Question

我最近在我的網頁上安裝了Cosmocoders CCSlider，我對3D轉換印象深刻，當它完成後，我們的網站看起來會很棒......我的問題是......是否有任何代碼或一種方式來使舊的I - phone和Android設備上的2D滑塊加載，但3D滑塊仍然加載在PC的Mac等，因爲頁面幾乎看不到，因爲速度減慢和激烈的處理器使用時在像I-phone 1這樣的老設備上？如果可能的話，我希望兩全其美......如果是舊設備的2D滑塊和新設備和計算機的全功能3D滑塊.....我希望有人能幫助我實現這一目標。

非常感謝 安迪

我的網站是www.eco-fireplaces.co.uk，我可能會在一分鐘跑，因爲我尚在測試階段2D滑塊褪色。

Answer 1

您可以使用瀏覽器檢測腳本這樣

var effectConfig = {}; 
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) { 
    effectConfig = { 
     effectType: '2d', 
     effect: 'fadeSlide' 
    }; 
} else { 
    effectConfig = { 
     effectType: '3d', 
     effect: 'cubeUp', 
     _3dOptions: { 
      imageWidth: 960, 
      imageHeight: 400, 
      slices: 6, 
      depthOffset: 300, 
      sliceGap: 50, 
      fallBack: 'horizontalWipe', 
      delayDir: 'last-first', 
      easing: 'easeInOutElastic' 
     } 
    }; 
} 

var config = jQuery.extend({}, effectConfig, { 
    autoPlay: true, 
    captions: true, 
    controlLinks: false 
}); 

jQuery('#slider').ccslider(config);