首页>>Jquery图片>>LiteBox 支持单个图片，图片组，iframe(2014-08-30)

LiteBox 支持单个图片，图片组，iframe

 类似的jq插件还有colorbox,fancyBox可以搜索本站代码

LiteBox 支持单个图片，图片组，iframe
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <p>  
  2.                     <a href="assets/imgs/004.jpg" target="_self" class="inline-block litebox" data-litebox-group="group-1"><img src="assets/imgs/004-thumb.jpg" class="inline-block" /></a>  
  3.                     <a href="assets/imgs/003.jpg" target="_self" class="inline-block litebox" data-litebox-group="group-1"><img src="assets/imgs/003-thumb.jpg" class="inline-block" /></a>  
  4.                     <a href="assets/imgs/002.jpg" target="_self" class="inline-block litebox" data-litebox-group="group-1"><img src="assets/imgs/002-thumb.jpg" class="inline-block" /></a>  
  5.                     <a href="assets/imgs/001.jpg" target="_self" class="inline-block litebox" data-litebox-group="group-1"><img src="assets/imgs/001-thumb.jpg" class="inline-block" /></a>  
  6.                 </p>  
  7.   
  8.                 <p><small>Image Credits: <a href="http://unsplash.com/" target="_blank">Unsplash</a></small></p>  

 

JavaScript Code
  1. <script type="text/javascript">  
  2.             $('.litebox').liteBox();  
  3.         </script>  

 


原文地址:http://www.freejs.net/article_jquerytupiantexiao_425.html