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