注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2023-12-29
jQuery点击弹窗图片放大查看插件
一款强大的jQuery点击弹窗图片放大查看插件,支持键盘左右按键和鼠标滚轮切换预览图片,最大化、最小化窗口预览。


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>