1. 程式人生 > >jquery的imgbox外掛及解析

jquery的imgbox外掛及解析

下載外掛: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
	});
});