Jquery 使用I-phone/旧版android时速度较慢

Jquery 使用I-phone/旧版android时速度较慢,jquery,jquery-plugins,Jquery,Jquery Plugins,我最近安装到了我的网页上,3D转换给我留下了深刻的印象,完成后会让我们的网站看起来很棒……我的问题是……有没有代码或方法可以让旧的I-phone和android设备只加载2D滑块,但3D滑块仍然加载到Pc的Mac等设备上,因为由于时间原因,页面几乎无法查看在I-phone 1等较旧设备上查看时,要降低处理器的使用速度并提高处理器的使用率??如果可能的话,我希望这两个世界都是最好的……2D滑块适用于较旧的设备,而成熟的3D滑块适用于较新的设备和计算机……我希望有人能帮助我实现这一点 非常感谢 安迪

我最近安装到了我的网页上,3D转换给我留下了深刻的印象,完成后会让我们的网站看起来很棒……我的问题是……有没有代码或方法可以让旧的I-phone和android设备只加载2D滑块,但3D滑块仍然加载到Pc的Mac等设备上,因为由于时间原因,页面几乎无法查看在I-phone 1等较旧设备上查看时,要降低处理器的使用速度并提高处理器的使用率??如果可能的话,我希望这两个世界都是最好的……2D滑块适用于较旧的设备,而成熟的3D滑块适用于较新的设备和计算机……我希望有人能帮助我实现这一点

非常感谢 安迪


我的网站是,我可能会有2D滑块淡入淡出运行在那一分钟,因为我还在试验。

您可以使用这样的浏览器检测脚本

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);