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

前言

 在做项目时,会遇到在前台展示附件详情,比如图片,word,pdf等。viewer.js 图片查看器,用来查看页面中的图片。

基本效果:

html页面点击图片名称查看图片------图片预览插件viewer.js使用_第1张图片

Viewer.js的使用

这是一个github工程,功能很多。

使用可以参考:

参考:https://github.com/fengyuanchen/viewerjs#methods

jQuery检查某个元素在页面上是否存在

https://www.cnblogs.com/ww03/p/6004234.html

viewer.min.js图片预览插件ajax动态预览问题(已解决)

https://blog.csdn.net/u014417573/article/details/73739691

 

这里实现的效果就是,点击图片名称展示图片信息。

具体看代码:





JS/jQuery图片查看器viewer.js





点击图片名称展示图片大图

实现的效果:

html页面点击图片名称查看图片------图片预览插件viewer.js使用_第2张图片

样例下载:

https://download.csdn.net/download/qq_28817739/10592680

 

你可能感兴趣的:(HTML)