jquery点击图片放大与缩小

在web项目中图片的放大与缩小，比如：列表里显示的图片，相册图片等

引用以下文件

1、<script src="js/jquery-1.11.3.min.js"></script>
2、<script src="js/bootstrap.min.js"></script>
2、<script src="js/bootstrap-transition.js"></script>
3、<link href="css/zoom.css" rel="stylesheet">
4、<script src="js/zoom.js"></script>

在<img />处添加data-action="zoom"

<img src="@ViewBag.host@(model.SlidePicture)" width="70" height="40" data-action="zoom"/>

转自：
https://raw.githubusercontent.com/twbs/bootstrap/master/js/transition.js
https://github.com/fat/zoom.js/tree/master/js/zoom.js
https://github.com/fat/zoom.js/tree/master/css/zoom.css

Demo:
https://fat.github.io/zoom.js