您现在的位置是:首页 > 技术人生 > 前端技术前端技术
基于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:
很赞哦! ()
相关文章
随机图文
-
三步实现滚动条触动css动画效果
现在很多网站都有这种效果,我就整理了一下,分享出来。利用滚动条来实现动画效果,ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力 -
基于jquery的图片查看缩放插件viewerjs
今天带来一款超好用的开源图片查看插件viewerjs,基于jquery,功能非常强大,支持拖动,放大,缩小等等。 -
如何取消select2插件下拉框向上展示
使用select2下拉框插件时,有时由于下拉框高度问题导致下拉选项向上展示,影响显示效果。 通过修改select2源码,使select2固定向下展示选项。 -
使用CSS3制作文字、图片倒影
CSS3制作文字、图片倒影需要涉及到使用CSS3.0新属性之box-reflect。box-reflect属性目前仅在Chrome、Safari和Opera浏览器下支持,但这并不影响我们来学习这个属性的应用