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>
如果你已经导入了 jquery.js,就不要再次包含它。当然你可以使用
$.magnificPopup.open({ items: { src: 'some-image.jpg' }, type: 'image'});