jquery - CCSlider 使用 I-phone/较旧的 android 时速度较慢

Question

我最近在我的网页上安装了Cosmocoders CCSlider，我对 3D 过渡印象深刻，完成后将使我们的网站看起来很棒......我的问题是......有没有任何代码或方法可以只制作2D 滑块在较旧的 I-phone 和 android 设备上加载，但 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);