dimsemenov / magnific-popup
轻量级且响应式的灯箱脚本,注重性能。
This package is not auto-updated.
Last update: 2024-09-10 07:37:45 UTC
README
重要提示 该jQuery插件已弃用,未来将仅发布关键或安全漏洞修复。如果您需要基本对话框/模态框/弹出窗口,请使用原生的<dialog>
元素,或使用我的PhotoSwipe库,如果您需要高级图片库。如有需要,请随时通过电子邮件联系我。
Magnific Popup 仓库
快速、轻量级且响应式的灯箱插件,适用于jQuery和Zepto.js。
- 文档和入门指南.
- 示例和插件主页.
- 更多示例请见CodePen 收藏。
可选地,通过Bower bower install magnific-popup
或npm: npm install magnific-popup
安装。Rubygem: gem install magnific-popup-rails
。
扩展
- WordPress 插件 - 开发中。
- Drupal 模块.
- Concrete5 扩展.
- Redaxo 扩展.
- Contao 扩展.
如果您为某些CMS创建了扩展,请通过电子邮件联系我,我会将其添加到本列表。
内容位置
- 生成的弹出JS和CSS文件位于文件夹dist/。(在线构建工具位于文档页面)。
- 源文件位于文件夹src/。它们包括Sass CSS文件和js部分(如果您想提交提交,可以编辑它们)。
- 网站(示例和文档)位于文件夹website/。
- 文档页面本身位于website/documentation.md(对其的贡献非常欢迎)。
使用 Magnific Popup 吗?
如果您以某种有趣的方式使用了 Magnific Popup,或在其网站上使用了知名品牌,我将非常感激您通过电子邮件发送一个链接。
构建
要自己编译 Magnific Popup,首先请确保您已安装Node.js、Grunt.js、Ruby和Jekyll,然后
-
复制仓库
-
进入您克隆的 Magnific Popup 文件夹并安装 Node 依赖项
cd Magnific-Popup && npm install
-
现在只需运行
grunt
即可在文件夹dist
中生成JS和CSS,并在文件夹_site
中生成网站。grunt
可选
- 运行
grunt watch
,当您在src/
或website/
目录中更改文件时,会自动重新构建脚本。 - 如果您没有安装也不打算安装 Jekyll,运行
grunt nosite
仅在dist/
目录中构建与弹出相关的 JS 和 CSS 文件。
变更日志
许可证
脚本遵循 MIT 许可,免费且将始终保持免费。但我有一个小的限制 - 请不要基于它创建公共 WordPress 插件(至少在创建之前联系我),因为我也会将其开源(想要收到通知?)。
由 @dimsemenov 和 贡献者 创建。
错误 & 贡献
请通过 GitHub 报告错误,并通过 Stack Overflow 提出一般性问题。请随时提交 pull-request,即使是对脚本或文档的最小贡献也非常受欢迎。