首页>>Jquery图片>>相册管理,相册浏览(2014-01-28)

相册管理,相册浏览

全屏浏览,上一页和下一页

相册管理,相册浏览
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <script src="../../js/jquery-1.9.1.min.js"></script>   
  2. <script src="jquery.gallerie.js"></script>  
  3. <link rel="stylesheet" type="text/css" href="gallerie.css"/>  
  4. <link rel="stylesheet" type="text/css" href="gallerie-effects.css"/>  
  5.   
  6. <script type="text/javascript">  
  7. $(document).ready(function(){  
  8.     $('#gallery').gallerie();  
  9. });  
  10.   
  11. </script>  
  12.   
  13. <style>  
  14.     body {  
  15.         background-color: black;  
  16.     }  
  17.       
  18.     #gallery {  
  19.         margin-left: auto;  
  20.         margin-right: auto;  
  21.     }  
  22. </style>  
  23. </head>  
  24.   
  25. <body>  
  26. <div id="gallery">  
  27. <a href="example-images/20110813_184411.jpg"><img src="example-images/thumbs/20110813_184411.jpg"/></a>  
  28. <a href="example-images/20110902_163207.jpg"><img src="example-images/thumbs/20110902_163207.jpg"/></a>  
  29. <a href="example-images/20110902_164525.jpg"><img src="example-images/thumbs/20110902_164525.jpg"/></a>  
  30. <a href="example-images/20110902_171016.jpg"><img src="example-images/thumbs/20110902_171016.jpg"/></a>  
  31. <a href="example-images/20110903_171216.jpg"><img src="example-images/thumbs/20110903_171216.jpg"/></a>  
  32. </div>  

 


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