神奇的框架插件jquery layer

    

 

layer 的这个相册功能是不是很炫酷，是滴，这就是layer，只要添加一个layerjs就行了

 1 //Javascript代码 
 2 layer.photos({
 3     photos: '#photosDemo'
 4   });
 5 //html代码
 6  <div id="photosDemo" class="photos-demo">
 7     <!-- layer-src表示大图  layer-pid表示图片id  src表示缩略图-->
 8     
 9     <img layer-src="http://static.oschina.net/uploads/space/2014/0516/012728_nAh8_1168184.jpg" layer-pid="" src="http://static.oschina.net/uploads/space/2014/0516/012728_nAh8_1168184.jpg" alt="layer宣传图">
10     <img layer-src="http://sentsin.qiniudn.com/sentsinmy5.jpg" layer-pid="" src="http://sentsin.qiniudn.com/sentsinmy5.jpg" alt="我入互联网这五年">
11     <img layer-src="" layer-pid="" src="http://sentsin.qiniudn.com/sentsin_39101a660cf4671b7ec297a74cc652c74152104f.jpg" alt="微摄影">
12     <img layer-src="http://sentsin.qiniudn.com/sentsinsan01.jpg" layer-pid="" src="http://sentsin.qiniudn.com/sentsinsan01.jpg" alt="三清山">
13     <img layer-src="http://ww2.sinaimg.cn/mw1024/5db11ff4jw1ehcyirr6quj20q00ex42w.jpg" layer-pid="" src="http://ww2.sinaimg.cn/mw1024/5db11ff4jw1ehcyirr6quj20q00ex42w.jpg" alt="国足">
14   </div>
View Code

 

posted on 2016-09-21 17:03  竟少  阅读(1061)  评论(0)  编辑  收藏  举报

导航