首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Magnific Popup文档翻译(一)

2013-11-01 
Magnific Popup文档翻译(1)原文:http://dimsemenov.com/plugins/magnific-popup/documentation.html本文将

Magnific Popup文档翻译(1)

原文:http://dimsemenov.com/plugins/magnific-popup/documentation.html


本文将指导你如何使用Magnific Popup, 除此以外,你还可以通过CodePen自行测试. 如果你有任何问题或者建议请提交至GitHub.


需要包含的文件

你可以从GitHub获取到源码,并在它的 dist/ 目录下找到需要的JS 和 CSS文件.

<!-- Magnific Popup core CSS file --><link rel="stylesheet" href="magnific-popup/magnific-popup.css"> <!-- jQuery 1.7.2+ or Zepto.js 1.0+ --><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!-- Magnific Popup core JS file --><script src="magnific-popup/jquery.magnific-popup.js"></script> 


虽然不是必需的,但我们建议把CSS文件放在 <head> 内,JS文件和初始化代码放在 </body>之前。

如果你已经导入了 jquery.js,就不要再次包含它。当然你可以使用

$.magnificPopup.open({  items: {    src: 'some-image.jpg'  },  type: 'image'});





热点排行