Viewer.js实现图片预览效果

简介: Viewer.js实现图片预览效果

前言

大家好 我是歌谣 今天要说的是一个需求图片可以实现一个预览的结果最近涉及一个移动端项目需要把其中的图片变成可预览的图片 听学弟说 可以利用viewer进行实现首先我们需要做的就是先写一个简单demo 先实现其中的效果 2021年的事情了


实现效果


image.png

基本案例

```




Document rel="stylesheet" href="https://unpkg.com/bootstrap@4/dist/css/bootstrap.min.css" crossorigin="anonymous"> rel="stylesheet" href="./css/viewer.css">






```


项目实现部分

看一下效果预览点击的时候就可以进行一个效果的预览操作了 同样 三步走第一步引入第二步注意结构第三步效果演示


代码部分

```







相关文章
|
JavaScript
原生js使用editor.js
原生项目中使用下一代块样式编辑器editor.js,自由,使用愉快。
原生js使用editor.js
|
4月前
|
JavaScript
js详细讲解放大镜的实现
js详细讲解放大镜的实现
|
6月前
拾色器插件colorpicker.js的应用
拾色器插件colorpicker.js的应用
19 1
|
9月前
|
前端开发
【React工作记录九十一】Viewer.js实现图片预览效果
【React工作记录九十一】Viewer.js实现图片预览效果
142 0
|
10月前
|
前端开发 JavaScript
js实现多种按钮
js实现多种按钮
66 0
|
移动开发 JavaScript HTML5
jQuery工具提示插件tooltip.js 使用教程
jQuery工具提示插件tooltip.js 使用教程
|
JavaScript 前端开发 API
强大的图片预览组件Viewer.js
1、 Viewer.js简介 2、Viewer.js支持的功能 3、Viewer.js的API 4 使用方法 4.1 引入方式 4.2 简单demo 5.viewer.js源码,js版本
1228 0
强大的图片预览组件Viewer.js
|
JavaScript 前端开发
|
JavaScript 前端开发
#yyds干货盘点# viewer.js实现预览效果
#yyds干货盘点# viewer.js实现预览效果
158 0
#yyds干货盘点# viewer.js实现预览效果
|
JavaScript 前端开发
强大的jQuery图片查看器插件Viewer.js
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/w178191520/article/details/84179587 简介 Viewer.
2408 0