gitbook 插件：圖片查看

文章目錄

• gitbook 插件：圖片查看
• • 1. lightbox 插件
  • • 1.1 安裝
  • 1.2 配置
  • • 1.3 效果
  • 2. popup 插件
  • • 2.1 安裝
    • 2.2 配置
    • 2.3 效果

---

1. lightbox 插件

lightbox 插件：單擊查看圖片

點擊圖片可顯示，大小不變

以彈窗形式查看圖片，查看原圖：lightbox

1.1 安裝

npm i gitbook-plugin-lightbox

1.2 配置

{"plugins": ["lightbox"] } {"pluginsConfig": {"lightbox": {"includeJQuery": false"sameUuid": true"options": {"resizeDuration": 200,"wrapAround": true}}} }

1.3 效果

2. popup 插件

popup 插件：單擊圖片，在新頁面查看大圖。

2.1 安裝

npm i gitbook-plugin-popup

2.2 配置

{"plugins": [ "popup" ] }

2.3 效果

略

總結

以上是生活随笔為你收集整理的gitbook 插件 图片查看的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。