注册 登录 充值会员 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
充值

jQuery图片全屏缩放和平移预览代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-08-05
jQuery图片全屏缩放和平移预览代码
jQuery图片全屏缩放和平移预览代码,图片全屏预览模式:点击图片可以切换到全屏查看图片的模式,全屏模式下可以缩放和平移图片。


js代码

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/imageviewer.min.js"></script>
<script type="text/javascript">
	$(function () {
		var viewer = ImageViewer();
		$('.gallery-items').click(function () {
			var imgSrc = this.src,
				highResolutionImage = $(this).data('high-res-img');

			viewer.show(imgSrc, highResolutionImage);
		});
	});
</script>