您现在的位置是：网站首页> 软件下载软件下载

viewer.js图像查看器 viewer.js基于网页中的一款强大的图片查看器插件(基于jQuery或原生js) 下载-

2021-09-13 108人已围观

简介 viewer.js图像查看器 viewer.js基于网页中的一款强大的图片查看器插件(基于jQuery或原生js) 下载-

Viewer.js是一款强大的图片查看器，它支持触摸事件、支持响应式、支持放大/缩小、支持旋转、支持翻转、支持图片移动、支持键盘、支持缩略图、支持标题显示、支持多种自定义事件。

效果图：

Viewer.js 有以下特点：

支持移动设备触摸事件
支持响应式
支持放大/缩小
支持旋转（类似微博的图片旋转）
支持水平/垂直翻转
支持图片移动
支持键盘
支持全屏幻灯片模式（可做屏保）
支持缩略图
支持标题显示
支持多种自定义事件
Viewer.js 提供了纯 JS 版本和 jQuery 版本,版本名字虽然一样，但代码不一样，不能通用。

注意：JS 版本兼容 IE9+，jQuery 版本兼容 IE8+。

下载

纯JS版本：

下载地址：https://github.com/fengyuanchen/viewerjs

演示地址：http://demo.jb51.net/js/viewerjs/js/

jQuery 版本：

下载地址：https://github.com/fengyuanchen/jquery-viewer

演示地址：http://demo.jb51.net/js/viewerjs/jquery/

使用方法

1、引入文件

JS 版本：


jQuery 版本：



注意：JS 版本和 jQuery 版本名字虽然一样，但代码不一样，不能通用，请到 github 上下载需要的版本。

2、HTML


  • 图片1

  • 图片2

  • 图片3

  • 图片4

  • 图片5

  • 图片6

3、JavaScript

JS 版本：

var viewer = new Viewer(document.getElementById('jb51'));

jQuery 版本：

$('#jb51').viewer();

更详细的用法可以参考这篇文章：https://www.jb51.net/article/183978.htm

下载资源

上一篇：Sea.js Sea.js 适用于 Web 浏览器端的模块加载器 下载-

下一篇：基于bootsnav实现超酷3d导航菜单 下载-

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网