Lightbox組件:baguetteBox.js

baguetteBox.js 是一個簡單、易于使用的純 JavaScript lightbox組件。特性:

  • 純 JavaScript 實現,無需依賴其他庫

  • 支持觸摸屏設備手勢操作

  • 支持顯示標題(說明)

  • 支持響應式圖像

  • 支持CSS3過渡

  • 使用 SVG 按鈕,沒有多余的文件下載

  • 啟用 gzip 壓縮后僅 2KB

Initialize the script by running:

baguetteBox.run('.gallery', {
  // Custom options
});

where the first argument is a selector to a gallery (or galleries) containing a tags. The HTML code may look like this:

<div class="gallery">
    <a href="img/2-1.jpg" data-caption="Image caption"><img src="img/thumbs/2-1.jpg"></a>
    <a href="img/2-2.jpg"><img src="img/thumbs/2-2.jpg"></a>
  ...
</div>

172638_vl4p_1011777.jpg

項目主頁:http://www.baiduhome.net/lib/view/home/1407331472551

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!