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