星空网 > 软件开发 > Java

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='/images/loading.gif' data-original="js/jquery-1.9.1.min.js"></script>3 <script src='/images/loading.gif' data-original="js/zoom.min.js"></script>

  2.在head标签中加入以下js代码

1 <ul class="gallery">2   <li><a href="path/to/large1.jpg"><img src='/images/loading.gif' data-original="path/to/thumbnail1.jpg" /></a></li>3   <li><a href="path/to/large2.jpg"><img src='/images/loading.gif' data-original="path/to/thumbnail2.jpg" /></a></li>4   <li><a href="path/to/large3.jpg"><img src='/images/loading.gif' data-original="path/to/thumbnail3.jpg" /></a></li>5   <li><a href="path/to/large4.jpg"><img src='/images/loading.gif' data-original="path/to/thumbnail4.jpg" /></a></li>6 </ul>

 




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

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流