jquery点击小图全屏显示大图的相册代码

这是一款仿qq相册显示效果插件，支持鼠标，上下键控制切换大图

淘建站为您提供更多_图片代码_图片墙_遮罩层_小图全屏显示大图，在此特别感谢您对我们的支持与厚爱！

载入弹出层css

/* gallery */
.zoomed > .gallery{-webkit-filter:blur(3px);filter:blur(3px);}
.gallery{width:800px;margin:20px auto;}
.gallery li{float:left;margin:10px; width:80px; height:80px;}
.gallery li:nth-child(6n){padding-right:0;}
.gallery li a,.gallery li img{float:left;}
</style>

<!--图片弹出层样式 必要样式-->
<link rel="stylesheet"  href="css/zoom.css" media="all" />

小图列表html

<div class="gallery">	 
	<ul>
		<li><a href="images/b1.jpg"><img src="images/1.jpg" /></a></li>
		<li><a href="images/b2.jpg"><img src="images/2.jpg" /></a></li>
		<li><a href="images/b3.jpg"><img src="images/3.jpg" /></a></li>
		<li><a href="images/b4.jpg"><img src="images/4.jpg" /></a></li>
		<li><a href="images/b5.jpg"><img src="images/5.jpg" /></a></li>
        <li><a href="images/b1.jpg"><img src="images/1.jpg" /></a></li>
</ul>
</div>

载入js

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/zoom.min.js"></script>