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
|
6月前
|
JavaScript 前端开发
js和css以及js制作弹窗
js和css以及js制作弹窗
48 1
|
12月前
拾色器插件colorpicker.js的应用
拾色器插件colorpicker.js的应用
47 1
|
11月前
|
JavaScript
psd.js
psd.js
119 0
|
JavaScript 前端开发 API
js TinyMCE富文本
js TinyMCE富文本
137 0
|
JavaScript
js实现基本图片切换功能
js实现基本图片切换功能
55 0
|
JavaScript 前端开发 API
强大的图片预览组件Viewer.js
1、 Viewer.js简介 2、Viewer.js支持的功能 3、Viewer.js的API 4 使用方法 4.1 引入方式 4.2 简单demo 5.viewer.js源码,js版本
1731 0
强大的图片预览组件Viewer.js
|
JavaScript
require.js加载highcharts.js/exporting.js实现图表的绘制和图片文件功能的导出
require.js加载highcharts.js/exporting.js实现图表的绘制和图片文件功能的导出
112 0
|
JavaScript 前端开发
#yyds干货盘点# viewer.js实现预览效果
#yyds干货盘点# viewer.js实现预览效果
197 0
#yyds干货盘点# viewer.js实现预览效果
|
JavaScript 前端开发
强大的jQuery图片查看器插件Viewer.js
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/w178191520/article/details/84179587 简介 Viewer.
2477 0
下一篇
无影云桌面