jquery弹出模态框图片缩放、旋转、切换

点击图片弹出一个模态框，可以进行图片的缩放、旋转、移动和切换上一张下一张图片。适用于PC端

演示地址：http://www.jq22.com/yanshi17845

下载地址：http://www.jq22.com/jquery-info17845

使用方法
发布时间：2018-1-16 23:22

基础步骤：

引入弹出框的css样式文件

<link rel="stylesheet" type="text/css" href="css/boxImg.css">
移入jq和弹出框的js文件

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/boxImg.js" type="text/javascript" ></script>
方法：

<img modal="zoomImg" src="img/bz6.jpg" height="150px" alt="">
给需要的img标签加上 modal="zoomImg" 的属性。

扩展说明：
自定义属性名可以更改，还需再JS文件中改下。根据自己需求更改css样式和js代码。

参考：

jQuery插件库： http://www.jq22.com/yanshi17845

jQuery之家 http://www.htmleaf.com/jQuery/Image-Effects/

下面这个感觉也不错（ jquery图片查看插件magnify.js）

演示： http://www.jq22.com/jquery-info17547

官网： https://github.com/nzbin/magnify

原文链接： jquery弹出模态框图片缩放、旋转、切换