首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

分享一款强大的图片预览组件:Viewer.js

介绍 Viewer.js 是一款强大的图片查看器。我们通过Viewer.js 在页面上添加强大的图片查看功能,同时,这款优秀的插件配置操作起来也非常的方便。...viewerjs 下图即为插件的演示样式: 特点 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式(可做屏保) 支持缩略图...函数 src 设置查看图片时的图片地址来源 inline 布尔值 false 是否启用inline模式 button 布尔值 true 是否显示右上角关闭按钮 navbar 布尔值 true 是否显示缩略图导航...zoomRatio 浮点型 0.1 鼠标滚轮滚动时缩放比例 minZoomRatio 浮点型 0.01(1%) 最小缩放比例 maxZoomRatio 整型 100 最大缩放比例 zIndex 整型 2015 图片查看器...modal模式时z-index值 zIndexInline 整型 0 图片查看器inline模式时z-index值 build 函数 null 回调函数,viewer.js文件加载完成后调用 built

1.8K20
您找到你想要的搜索结果了吗?
是的
没有找到

密码查看器的作用 如何下载密码查看器

有些人为了记忆,几乎所有的密码都用同一个,但这样的缺点就是如果密码被人知道了,那就是全都知道了,所以也是不安全的,那么密码查看器就非常重要了。...image.png 一、密码查看器的作用 可以为用户记下网站登录时的密码,以后再次登录该网站时,不用去辛辛苦苦的回想,自己当初设置的密码是什么。...二、如何下载密码查看器 可以去一些官方的网站下载,或者上网搜索一下大家的推荐。...网站上的密码查看器,非常多种类,所以在选择的时候,注意看该查看器的一些相关问题,比如该查看器的使用方法,还有需要注意的问题。...密码查看器的使用是为了便利自己,不要使用这类软件去做别的事情,一半针对于自己网站的密码记录使用。 密码查看器,正确使用好是非常方便的,所以建议使用。

3K10

简易Qt图片查看器

本篇使用Qt来实现一个可以查看任意目录下图片的图片查看器,可以电脑中任意目录下图片的查看,并且可以通过鼠标滚轮以及鼠标移动来实现图片的灵活放大、缩小,此外,在打开一个图片后,若该目录下还有其它图片,通过左右切换...可以选定任意目录下的图片 选择图片后,图片显示主窗口即可居中显示图片 通过滚轮上下滑动,可以放大和缩小图片 鼠标左键按下再移动,可以移动图片 下方两侧的切换按钮,可以切换上一张、下一张图片 1 总体结构 整个Qt图片查看器项目的代码结构如下...: 主代码中是图片查看器相关的代码,包括: src:图片查看器主代码 picview.pro:Qt工程文件 images:存放各个按钮图标的资源文件 build中是编译的中间文件和编译结果存储的目录...event->button() == Qt::LeftButton) { m_leftClick = false; } } 3 总结 本篇实现了示意Qt实现一个j简易的图片查看器

2.2K10

typecho缩略图加入根据标签缩略名输出缩略图

做出来的效果就是: 缩略图显示,依次是附件中的图片,若不存在,输出文章的第一张图片,若不存在,输出对应的tag缩略名图片,若是未配置的tag,则输出随机图片,若文章不存在tag,则输出随机图片。...首先在functions.php添加 /** 输出文章缩略图 */ function showThumbnail($widget) { // 当文章无图片时的默认缩略图 $rand =...rand(1,99); // 随机 1-99 张缩略图 $random = $widget->widget('Widget_Options')->themeUrl ....$rand . '.jpg'; // 随机缩略图路径 // $random = $widget->widget('Widget_Options')->themeUrl ....比如该篇文章标签名字是typecho,默认他的缩略名也是typecho,但我把它的缩略名改成了te,也就是说这篇文章的缩略图是te.jpg。

1.4K30

jQuery 图片查看插件 Magnify 开发简介(仿 Windows 照片查看器

前言 因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功能,比如模态窗的拖拽、调整大小、最大化,图片的缩放...这和 QQ 图片查看器的操作方式是相同的。 2.模态窗调整大小 可以通过参数设置模态窗的最小宽高。目前的调整大小存在一点 bug,但不影响整体的使用。...1.需要引用的文件 Magnify 默认使用 font-awesome 的图标,所以需要引用 font-awesome...除了 Windows 照片查看器,QQ 的图片查看器也非常的高大上。我们只要简单修改就可以实现 QQ 图片查看器的效果,但是部分功能比如缩略图还没有实现。

3.2K90
领券