图片预览插件Viewer js版本用法

约定不等于承诺〃 2022-04-22 20:46 381阅读 0赞

**gitHub有demo 和 js css 源文件**

[https://github.com/fengyuanchen/viewerjs][https_github.com_fengyuanchen_viewerjs]

1.打开docs/index.html  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODM2MjQ1NQ_size_16_color_FFFFFF_t_70]

2.打开后如下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODM2MjQ1NQ_size_16_color_FFFFFF_t_70 1]

3.点击图片有如下的功能  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODM2MjQ1NQ_size_16_color_FFFFFF_t_70 2]

[https_github.com_fengyuanchen_viewerjs]: https://github.com/fengyuanchen/viewerjs
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODM2MjQ1NQ_size_16_color_FFFFFF_t_70]: /images/20220327/3217dd5c75e04280bf90a39f4c1c5579.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODM2MjQ1NQ_size_16_color_FFFFFF_t_70 1]: /images/20220327/1d2620b1d02744adb1ac3a5709a6ca28.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODM2MjQ1NQ_size_16_color_FFFFFF_t_70 2]: /images/20220327/127ca75a2b7f4e82b0b28953f66e83af.png

发表评论取消回复

表情：

评论列表（有 0 条评论，381人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue使用v-viewer，实现图片预览

1.安装依赖 npm install v-viewer --save 2.在main.js中引入 import Viewer from 'v-vi

谁借莪１个温暖的怀抱￠/ 2024年04月08日 11:12/ 0 赞/ 8 阅读

相关 Viewer.js 图片预览插件使用

简介 Viewer.js 是一款强大的图片查看器。 Viewer.js 有以下特点：支持移动设备触摸事件支持响应式支持放大/缩小支持旋

心已赠人/ 2023年08月17日 17:20/ 0 赞/ 118 阅读

相关 Viewer.js 图片预览插件

一、简介 Viewer.js 是一款强大的图片查看器。 Viewer.js 有以下特点：支持移动设备触摸事件支持响应式支持放大/缩小支

本是古典何须时尚/ 2022年09月04日 06:57/ 0 赞/ 351 阅读

相关 Bootstrap插件预览

Bootstrap自带12种jQuery插件，可以给站点添加更多的互动。站点引用Bootstrap插件的方式有两种 1.单独引用：使用个别的.js文件，一些插件和cs

桃扇骨/ 2022年08月23日 08:57/ 0 赞/ 269 阅读

相关 html页面点击图片名称查看图片------图片预览插件viewer.js使用

前言在做项目时，会遇到在前台展示附件详情，比如图片，word，pdf等。viewer.js 图片查看器，用来查看页面中的图片。基本效果： ![70][] V

太过爱你忘了你带给我的痛/ 2022年05月17日 08:47/ 0 赞/ 1010 阅读

相关 viewer.js预览图片时添加文字描述简介

关于viewer.js的用法参考 [https://blog.csdn.net/lianzhang861/article/details/81901907][https_blo

拼搏现实的明天。/ 2022年05月10日 05:34/ 0 赞/ 387 阅读

相关图片预览插件Viewer js版本用法

gitHub有demo 和 js css 源文件 [https://github.com/fengyuanchen/viewerjs][https_github.com_fe

约定不等于承诺〃/ 2022年04月22日 20:46/ 0 赞/ 382 阅读

相关 Vue图片预览插件viewerjs

GitHub地址：[https://github.com/fengyuanchen/viewerjs][https_github.com_fengyuanchen_viewer

灰太狼/ 2021年12月16日 08:13/ 0 赞/ 963 阅读

相关前端图片查看预览插件Viewer.js使用方法记录总结

前端图片查看预览插件Viewer.js使用方法记录总结一、简介 Viewer JS 是一个前端的图片查看组件。支持图片放大、

灰太狼/ 2021年11月22日 11:56/ 0 赞/ 1936 阅读

相关 Vue使用v-viewer 插件实现图片预览

vue图片点击放大预览v-viewer 1、安装依赖 npm install v-viewer --save 2.在main.js中引入 import V

比眉伴天荒/ 2021年07月24日 19:56/ 0 赞/ 737 阅读