Question

我最近在我的网页上安装了Cosmocoders CCSlider，我对3D转换印象非常深刻，完成后会使我们的网站看起来很棒...我的问题是......是否有任何代码或一种方法只使2D滑块加载旧的I-phone和Android设备，但3D滑块仍然加载到Pc的Mac等，因为在较旧的设备上查看时由于速度慢和处理器使用频率较慢而难以查看页面我的手机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);

CCSlider与I-phone / old android相比速度慢

1 个答案: