viewer是一款功能强大的图片查看器jQuery插件。它可以实现ACDsee等看图软件的部分功能。它可以对图片进行移动,缩放,旋转,翻转,可以前后浏览一组图片。该图片查看器还支持移动设备,支持键盘控制,功能十分强大。

安装

可以通过nmp或bower来安装该图片查看器插件。

npm install imageviewer

bower install imageviewer

使用方法

使用该幻灯片插件需要引入jQuery,viewer.css和viewer.js文件。

HTML结构

该图片查看器需要一个块级元素来作为包裹元素,可以只有一张图片,直接使用元素,或者是一组图片,使用无序列表来制作:

初始化插件

在页面DOM元素加载完毕之后,可以通过下面的方法来初始化该图片查看器插件。

// View one image

$('.image').viewer();

// View some images

$('.images').viewe

html查看器查看图片,jQuery功能强大的图片查看器插件相关推荐

  1. cropper简单且功能强大的图片剪裁jQuery插件

    cropper是一款使用简单且功能强大的图片剪裁jQuery插件.该图片剪裁插件支持图片放大缩小,支持图片旋转,支持触摸屏设备,支持canvas,并且支持跨浏览器使用. cropper提供了大量的参数 ...

  2. html图片自动剪裁,jQuery简单且功能强大的图片剪裁插件

    cropper是一款使用简单且功能强大的图片剪裁jQuery插件.该图片剪裁插件支持图片放大缩小,支持鼠标滚轮操作,支持图片旋转,支持触摸屏设备,支持canvas,并且支持跨浏览器使用. croppe ...

  3. 功能强大的文件上传插件带上传进度-WebUploader

    WebUploader是由Baidu WebFE(FEX)团队开发的一个以HTML5/FLASH构建的现代文件上传组件.在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用老 ...

  4. 功能强大的 Javascript 动画库插件

    本期介绍一个前端动画插件anime.js,anime.js 是一款功能强大的 Javascript 动画库插件,可以和 CSS3 属性,SVG,DOM 元素和 JS 对象一起工作,制作出各种高性能,平 ...

  5. 【原创】从头开始,使用安卓系统WebView做一个功能强大的Epub阅读器(五)

    上一章传送:https://blog.csdn.net/mzy24511cs/article/details/80563448. 这一章专门讲一下阅读器的各种工具栏. 1.背景音乐.这个工具简单,用M ...

  6. Android-如何开发一个功能强大的图片选择器

    图片选择器是Android开发中会经常用到的一个功能,特别对于社交类的应用,比如头像设置,比如发图片.自然ImagePicker的轮子很多,今天介绍一个功能强大的轮子SImagePicker 介绍 首 ...

  7. html5网页中加入播放器,10款jquery+html5实现的网页播放器

    1.3D版HTML5模拟衣服拖拽动画效果 这是一款3D版HTML5模拟衣服拖拽动画效果源码,是一款非常具有创意而且很好玩的HTML5动画.运行本例源码可见衣服布料呈3D环形显示,可以用鼠标左键来拖拽衣 ...

  8. html展开插件,分享10款功能强大的HTML5/CSS3应用插件

    本文作者html5tricks,转载请注明出处 今天我们整理了10款功能非常强大的 1.纯CSS3美化 利用CSS3我们可以打造非常具有个性化的用户表单,今天我们就利用CSS3美化Checkbox复选 ...

  9. think php 缩放图片,thinkphp极其强大的图片处理库Grafika详细教程(1)

    Grafika是一个PHP图像处理库,是基于Imagick和GD,可以用于改变图片大小,剪裁,比较,添加水印等等功能.还有感知哈希,高级图像过滤,绘制贝塞尔曲线等功能,可谓非常强大. 由于功能太多,所 ...

最新文章

  1. “cmake 点点”表示在上一级目录(CMakeLists.txt所在目录)编译
  2. I.MX6 Goodix GT9xx touchscreen driver porting
  3. 使用Storm进行可扩展的实时状态更新
  4. 461. 汉明距离 golang
  5. oracle binary_integer pls_integer,oracle中binaryinteger与plsinteger的区别
  6. Linux-insmod/rmmod/lsmod驱动模块相关命令(10)
  7. 测试学习java_使用Junit测试框架学习Java
  8. 踩坑记录——ProxyServer删除问题经验分享
  9. Postman下载与安装操作步骤(只有两步骤下载)
  10. 分支定界-附Python代码
  11. 解决:Adobe Flash Player已不再受支持
  12. 使用HTML批量拼图
  13. SuperCollider学习笔记(一)- 振荡器(Oscillators)
  14. php implode(),php implode函数怎么用
  15. 在github上部署静态页面
  16. GB28181 协议 SIP
  17. c# 读hex_C# Hex编码和解码
  18. 下面哪种不是java语言的注释写法_下列哪项不是Java语言中所规定的注释样式?()...
  19. Java知识点太多?北大教授点破Java学习秘籍
  20. 水仙花数(java)

热门文章

  1. 牛顿法迭代法 | matlab实现
  2. 飞凌Linux版LS1028A嵌入式开发板测评分享
  3. php短信验证案例,PHP项目之容联云短信发送验证码
  4. linux终端同步文件目录,文件和目录比较工具?
  5. 消防工程师 第二篇 建筑防火 6.1 安全疏散
  6. java.net.ConnectException: Connection refused: no further information【已解决】
  7. C语言程序设计教程的读后感,c语言程序设计观后感
  8. no matching distribution found for XXX 或 read timed out解决办法
  9. ps将背景变成透明背景
  10. Java选择题(十八)