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 效果
略