相关的插件有photoswipe,但是使用太繁琐，找到另外一个：baguetteBox
只需要引入2个文件：
baguetteBox.css
baguetteBox.js
html
<div class="baguetteBoxOne gallery">
<ul>
<li>
<a href="/dede/images/ad1.jpg" >
<img src="./dede/images/ad1.jpg" >
</a>
</li>
<li>
<a href="/dede/images/ad2.jpg" >
<img src="./dede/images/ad2.jpg" >
</a>
</li>
</ul>
</div>这个层级是无关紧要的，重要的是最外面的 baguetteBoxOne gallery ，以及 a标签和a标签里面的img标签；
window.onload = function() {
baguetteBox.run('.baguetteBoxOne');
};