人人IT網

人人IT網

當前位置: 主頁 > 操作系統 > OS >

PhotoSwipe的使用

時間:2016-10-22 11:01來源:Internet 作者:Internet 點擊:
<script type="text/javascript" src="klass.min.js"></script>   <script type="text/jav
  1. <script type="text/javascript" src="klass.min.js"></script>  
  2. <script type="text/javascript" src="code.photoswipe-3.0.4.min.js"></script> 
  3. document.addEventListener('DOMContentLoaded'function(){  
  4.   
  5.     var myPhotoSwipe = Code.PhotoSwipe.attach( window.document.querySelectorAll('#Gallery a'), { enableMouseWheel: false , enableKeyboard: false } );  
  6.   
  7. }, false);  

 

  1. <ul id="Gallery">  
  2.     <li><a href="images/full/01.jpg"><img src="images/thumb/01.jpg" alt="Image 01" /></a></li>  
  3.     <li><a href="images/full/02.jpg"><img src="images/thumb/02.jpg" alt="Image 02" /></a></li>  
  4.     <li><a href="images/full/03.jpg"><img src="images/thumb/03.jpg" alt="Image 03" /></a></li>  
  5.     <li><a href="images/full/04.jpg"><img src="images/thumb/04.jpg" alt="Image 04" /></a></li>  
  6.     <li><a href="images/full/05.jpg"><img src="images/thumb/05.jpg" alt="Image 05" /></a></li>  
  7.     <li><a href="images/full/06.jpg"><img src="images/thumb/06.jpg" alt="Image 06" /></a></li>  
  8. </ul>  
  1.  

From:ITEYE
頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
發表評論
請自覺遵守互聯網相關的政策法規,嚴禁發布色情、暴力、反動的言論。
評價:
表情:
驗證碼:點擊我更換圖片
欄目列表
推薦內容