下载插件:http://www.htmldrive.net/items/download/390
需求:能不能达到这样的效果:点击缩略图,在当前页弹出一个弹框,显示大图。
https://blog.csdn.net/kangnan00/article/details/72518352
https://blog.csdn.net/ly1414725328/article/details/48345719
源码:
<link rel="stylesheet" href="imgbox/imgbox.css"/>
<script src="jquery/jquery.min.js"></script>
<script src="imgbox/jquery.imgbox.pack.js"></script>
HTML
<a href="" :href="thumb" id="example2-1"><img width="95%" alt="" :src="thumb" ></a>
jQuery
$(document).ready(function() {
$("#example2-1").imgbox({
'speedIn' : 0,
'speedOut' : 0,
'alignment' : 'center',
'overlayShow' : true,
'allowMultiple' : false
});
});