【文件属性】:
文件名称:simplezoom:响应式图片灯箱 jQuery 插件
文件大小:424KB
文件格式:ZIP
更新时间:2021-05-30 13:58:07
JavaScript
概括
一个简单的图像灯箱 jQuery 插件,灵感来自 Medium 网站。 插件演示网址: :
如何使用
包含所需的库和插件依赖项,然后使用 jQuery 找到调用 simplezoom 插件所需的灯箱元素。
$ ( '.lightbox' ) . simplezoom ( ) ;
CSS 要求
插件本身创建的元素是裸露的,完全没有样式,更容易进行个性化定制。 如果您想快速解决这个问题,只需包含simplezoom.css样式表或将其复制到您自己的样式表。
选项
名称
默认
描述
经典
''
添加到创建元素的额外 CSS 类。
抵消
40
用户屏幕和灯箱图像之间的最小间距。
滚动关闭
真的
用户滚动页面后自动关闭灯箱。
类
'图像'
告诉插件在哪里寻找原始图像。 默认为 img 元素。
期间
缩放动画的速度,以毫秒为单位。 默认将使用 CSS 属性。 除非你真的不知
【文件预览】:
simplezoom-master
----.gitignore(22B)
----package.json(762B)
----src()
--------simplezoom.less(2KB)
--------simplezoom.js(9KB)
----Gruntfile.js(2KB)
----dist()
--------simplezoom.css(2KB)
--------simplezoom.min.js(3KB)
----Readme.md(2KB)
----demo()
--------.gitignore(24B)
--------images()
--------css()
--------index.html(6KB)