Jquery Gallery – 很有特色的响应式 jQuery 相册插件

Jquery Gallery – 很有特色的响应式 jQuery 相册插件

技术分享

 

DEMO       下载

1.介绍

  jQuery制作zoom图片全屏放大弹出层插件。

2.使用方法

  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>

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。