用静态图像替换转盘
Replace carousel with static image
我有一个带有旋转木马的网页,但我不喜欢在移动设备中渲染时加载它。如何跳过移动设备上的初始化?
我想出了这样的东西(还没有优化):
jQuery(function($){
if($(window).width() > 767){
$('.flexslider').flexslider({
directionNav: false,
controlNav: false
});
}
$(window).resize(function() {
if($(window).width() > 767){
$('.flexslider').flexslider({
directionNav: false,
controlNav: false
});
}
});
});
但我觉得应该有更好的方法。有什么想法吗?
在CSS方面,我只是隐藏了除了第一张幻灯片之外的所有幻灯片,所以我只有一张图像可见。
感谢
网站detectmobilebrowsers有一些javascript代码来检测移动浏览器-你可以在这里加一个if,只在它不是移动浏览器的情况下实例化转盘。
相关文章:
- 用Javascript替换图像和图像标题/alt文本
- 用 jquery 替换图像和类
- 用于多次替换图像的 Jquery 按钮
- JavaScript/PHP 从数据库动态替换图像源
- 单击时切换和替换图像
- 重新加载/替换图像 jQuery 作为
- 中的列表项
- 快速替换图像 src 时 Firefox 中的内存使用情况
- 用不同的图像/按钮替换图像 - javascript
- 检测网址/链接,并用 img 标签替换图像,用 href 替换链接
- 使用Kinetic.js html5画布替换图像上的文本
- 用javascript替换图像上的src
- 用jquery替换图像文件名
- 用Aviary/Creave SDK图像编辑器替换图像
- 在CLick上替换图像SRC
- jquery按时间间隔替换图像
- 用jQuery替换图像
- 在点击时用视频替换图像
- 在使用图像的地方替换图像- Javascript
- 在表格单元格内替换图像不起作用
- 一个错误事件添加一个新类并计算它替换图像源的次数