您现在的位置是:首页 > 技术人生 > 前端技术前端技术
基于jquery的图片查看缩放插件viewerjs
高晓波2020-11-05【前端技术】人已围观
简介今天带来一款超好用的开源图片查看插件viewerjs,基于jquery,功能非常强大,支持拖动,放大,缩小等等。
之前博客文章的图片设定好大小后,不能点击查看大图,或是全屏显示,有些大图像素很高,显示不了等于浪费。
今天带来一款超好用的开源图片查看插件viewerjs,基于jquery,功能非常强大,支持拖动,放大,缩小等等。
项目github地址:viewerjs
使用起来非常简单:
1、引入必要的js,css
3、效果演示
今天带来一款超好用的开源图片查看插件viewerjs,基于jquery,功能非常强大,支持拖动,放大,缩小等等。
项目github地址:viewerjs
使用起来非常简单:
1、引入必要的js,css
<link href="./css/viewer.min.css" rel="stylesheet">
<script src="./js/viewer.min.js"></script>
2、初始化viewer
$('#img-container').viewer();
3、效果演示

Tags:
很赞哦! ()
相关文章
随机图文
jQuery表单验证插件Validate
现在做的项目说起来应该算我的处女项目。首次处理复杂表单,参数封装已经让我有点措手不及,参数的合法性验证更是让人头疼。 之前简单表单参数校验都是徒手写js,简单表单验证尚可,复杂表单的验证可能是要另辟蹊径了。 网上一搜,表单验证插件琳琅满目,要不怎么说咱们现在都是站在巨人的肩膀上开发。如何取消select2插件下拉框向上展示
使用select2下拉框插件时,有时由于下拉框高度问题导致下拉选项向上展示,影响显示效果。 通过修改select2源码,使select2固定向下展示选项。使用CSS3制作文字、图片倒影
CSS3制作文字、图片倒影需要涉及到使用CSS3.0新属性之box-reflect。box-reflect属性目前仅在Chrome、Safari和Opera浏览器下支持,但这并不影响我们来学习这个属性的应用【分享】css3侧边栏导航不同方向划出效果
设定一组侧边栏导航菜单,然后可以从任何一边滑出。有两种实现方式,一种固定菜单,一种从左右两侧推出