简单粗暴的移动端图片浏览插件demo

使用方法：

首先引入 jQuery

<script src="./fly-zomm-img.min.js"></script>

再引入图片浏览插件

<script src="./fly-zomm-img.min.js"></script>

无需额外引入css样式文件

HTML结构：

<div id="content"><p><img src="./images/swiper-1.jpg" alt=""></p><p><img src="./images/swiper-2.jpg" alt=""></p><p><img src="./images/swiper-3.jpg" alt=""></p><p><img src="./images/swiper-4.jpg" alt=""></p></div>

所有图片需要放在一个大DIV里

配置插件参数：

<script>$('#content').FlyZommImg({rollSpeed: 200,//切换速度miscellaneous: false,//是否显示底部辅助按钮closeBtn: true,//是否打开右上角关闭按钮hideClass: 'hide',//不需要显示预览的 classimgQuality: 'thumb',//图片质量类型  thumb 缩略图  original 默认原图slitherCallback: function (direction, DOM) {//左滑动回调 两个参数 第一个动向 'left,firstClick,close' 第二个 当前操作DOM//console.log(direction,DOM);}});
</script>

效果图：

源码下载地址：

点击下载

如果我的文章对您有帮助，微信或支付宝打赏：

简单粗暴的移动端图片浏览插件demo相关推荐

PhotoSwipe 图片浏览插件使用方法 - 简单
[转载] [JS插件] PhotoSwipe 图片浏览插件使用方法一.介绍 PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone.iPad.黑莓6+,以及桌面浏览器.底层实 ...
html中剪切图片所用插件,简单功能强大的jQuery图片剪裁插件Image Cropper
插件描述:相信很多朋友都在大型的网站,如新浪微博.QQ微博上看到过头像裁图工具,感觉很高大尚吧,今天朋友们有福了,今天就来说一说一款这么高大尚的插件cropper,cropper是一款使用简单且功能强 ...
简单粗暴的移动端页面开发技能
移动端响应式页面开发说简单也简单,根据屏幕尺寸调节根字体大小. 大宽度用%,高度和小宽度全部使用rem,简单粗暴. 之前阅读过大漠老师的使用Flexible实现手淘H5页面的终端适配,介绍了手淘项目的 ...
html图片自动剪裁,jQuery简单且功能强大的图片剪裁插件
cropper是一款使用简单且功能强大的图片剪裁jQuery插件.该图片剪裁插件支持图片放大缩小,支持鼠标滚轮操作,支持图片旋转,支持触摸屏设备,支持canvas,并且支持跨浏览器使用. croppe ...
Jquery 图片浏览插件
原文来源:http://www.techolics.com 在网页的首页或图片专题页面很多地方都会用到图片滑动插件来循环切换多张图片,并且用户可以点击左右按钮来切换图片.相信大家都知道jQuery是最 ...
30个图片浏览插件收集
1.MultiBox 一个lightbox支持的内容格式包括:图片,Flash,视频,mp3,html. 主页:http://www.phatfusion.net/multibox/ 下载:http: ...
php裁剪插件,简单功能强大的jQuery图片剪裁插件Image Cropper 中文api
图片剪裁插件Image Cropper使用方法引入必要的js和css核心文件构建html,可以将图片或canvas直接包裹到一个块级元素中初始化插件,可以使用$.fn.cropper方法来初始化 ...
图片浏览插件(支持图片轮播、上下张查看、放大缩小、旋转)
应用场景: 在页面上显示图片,但图片太小,不方便观看. 在页面展示的原图: 使用插件查看的效果图: 主要功能: 支持选项支持方法支持事件支持触摸支持移动支持缩放支持旋转支持键盘跨浏览 ...
PhotoSwipe 图片浏览插件使用方法
一.简介 PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone.iPad.黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产 ...

简单粗暴的移动端图片浏览插件demo

使用方法：

HTML结构：

配置插件参数：

效果图：

如果我的文章对您有帮助，微信或支付宝打赏：

简单粗暴的移动端图片浏览插件demo相关推荐

最新文章

热门文章