JS Animated. 如何实现jQuery“华丽弹出”灯箱插件

本教程将向您展示如何实现jQuery Magnific Popup lightbox plugin 到你的JS动画模板中.

Magnific Popup是一个快速，轻，移动友好和响应 lightbox 模态对话框 plugin 使用 jQuery library. 要看它的实际效果，你可以 在CodePen上玩一些例子. 将其添加到您的页面:

1. Download Magnific-Popup-master.zip from http://github.com/dimsemenov/Magnific-Popup  在你的电脑上打开它.

   

2. Copy the dist 文件夹，并将其粘贴到 site 模板包的文件夹.

   
3. Open the .html 文件中包含要应用的图像 plugin 并将库和样式表添加到DreamWeaver中的 tag:
   
4. 找出图像为e的直线.g.
5. 然后把它改成

6. 在images文件夹中应该有image_big.JPG和image_small.jpg相应.

7. 要初始化弹出窗口，请将以下内容添加到 .html 在交易结束前提交 tag or in the footer 您的网站(关闭前) 买球app 达利食品集团官网 European-Cup-buy-ball-app-contact@szshuomaly.com European-Cup-buy-ball-app-contact@szshuomaly.com Buy-ball-app-help@sa-ready.com 福步外贸网址 Lottery-platform-customerservice@tokkishop.com Gaming-platform-contact@zmdr.org 买球平台 2024欧洲杯投注官网 European-Cup-buying-feedback@gyhww.com 易登江西分类信息网 好孕网 第一产业网 Q族 OLO我乐厨柜官网 tag:

8. 保存更改并在web中检查您的页面 browser:图像应该在一个 lightbox with a title. 您的站点应该在远程/本地服务器上启动并运行，以便查看 plugin in action.

有关如何使用的更多信息 plugin，请参阅官方手册: http://dimsemenov.com/plugins/magnific-popup/documentation.html#initializing_popup

请随时查看下面的详细视频教程: