jQuery相册图片层叠翻牌切换插件

jQuery相册图片层叠翻牌切换插件

1. 引入CSS

<link href='css/flipping_gallery.css' rel='stylesheet' type='text/css'>

2. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.flipping_gallery.js"></script>

3. HTML代码

<div class="gallery">
  <a href="#" data-caption="素材1"><img src="img/1.jpg"></a>
  <a href="#" data-caption="素材2"><img src="img/2.jpg"></a>
  <a href="#" data-caption="素材3"><img src="img/3.jpg"></a>
  <a href="#" data-caption="素材4"><img src="img/4.jpg"></a>
  <a href="#" data-caption="素材5"><img src="img/5.jpg"></a>
  <a href="#" data-caption="素材6"><img src="img/1.jpg"></a>
  <a href="#" data-caption="素材7"><img src="img/2.jpg"></a>
  <a href="#" data-caption="素材8"></a>
  <a href="#" data-caption="素材9"><img src="img/4.jpg"></a>
  <a href="#" data-caption="素材10"><img src="img/5.jpg"></a>
</div>
<div class="navigation">
  <a href="#" class="btn prev">上一张</a>
  <a href="#" class="btn next">下一张</a>
</div> 
</div>

用户评论

18素材网

一个让开发更高效的素材分享平台,用于快速开发强大的Web界面。


官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:864918708
Css3+Html5讨论群
群号:864918708

加群请备注:从官网了解到