标签:
jQuery制作zoom图片全屏放大弹出层插件。
1.引入以下的js和css文件
1 <link rel="stylesheet" href="css/zoom.css" media="all" /> 2 <script src="js/jquery-1.9.1.min.js"></script> 3 <script src="js/zoom.min.js"></script>
2.在head标签中加入以下js代码
1 <ul class="gallery"> 2 <li><a href="path/to/large1.jpg"><img src="path/to/thumbnail1.jpg" /></a></li> 3 <li><a href="path/to/large2.jpg"><img src="path/to/thumbnail2.jpg" /></a></li> 4 <li><a href="path/to/large3.jpg"><img src="path/to/thumbnail3.jpg" /></a></li> 5 <li><a href="path/to/large4.jpg"><img src="path/to/thumbnail4.jpg" /></a></li> 6 </ul>
Jquery Gallery – 很有特色的响应式 jQuery 相册插件
标签:
原文地址:http://www.cnblogs.com/yifengBlog/p/4422832.html