Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码

jQuery点击弹窗图片放大查看插件

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-09-19
一款强大的jQuery点击弹窗图片放大查看插件,支持键盘左右按键和鼠标滚轮切换预览图片,最大化、最小化窗口预览。

懒人之家 www.kiwiyoo.com

js代码

<script src="js/jquery.mousewheel.min.js"></script>
<script src="js/pictureViewer.js"></script>
<script>
$(function () {
	$('.image-list').on('click', '.cover', function () {
		var this_ = $(this);
		var images = this_.parents('.image-list').find('.cover');
		var imagesArr = new Array();
		$.each(images, function (i, image) {
			imagesArr.push($(image).children('img').attr('src'));
		});
		$.pictureViewer({
			images: imagesArr, //需要查看的图片,数据类型为数组
			initImageIndex: this_.index() + 1, //初始查看第几张图片,默认1
			scrollSwitch: true //是否使用鼠标滚轮切换图片,默认false
		});
	});
});
</script>

中国周易网 | 澳门赌博技巧 | 注册免费送彩金 | 澳门最大赌场 | 2018注册博彩送彩金 | 外围网站 | 北京赛车计划网 | 网上合法棋牌赌博网站 | 英皇娱乐 | 澳门网络博彩公司 | 十大赌博网站排名 | 百拇医药 | 澳门赌博攻略 | pk10人工在线计划 | 北京赛车pk10开奖结果分析 | 足球博彩公司 | 北京赛车PK10计划网 | 赌博如何赢百家乐 | 网上百家乐赌场 | 网上赌博公司 | 2018最新博彩公司优惠资讯 | 澳门赌博网站 | 【找教案zhaojiaoan.com】 | 澳门网上博彩公司 | 网络百家乐技巧 | 北京pk10玩法 | 百家乐技术打法 | 真钱棋牌赌博 | 澳门老葡京赌场 | 皇冠hg0088开户 |