jQuery响应式弹出层和对话框插插件magnific-popup.css

//引入弹出层弹出框magnific-popup的css文件，

<link rel="stylesheet" href="magnific-popup/magnific-popup.css">   

//引入jquery文件

<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>    

<!-- 引入magnific-popup的JS文件 -->  

<script src="magnific-popup/jquery.magnific-popup.js"></script>

一、初始化popup（弹出窗口）

     在加载页面完成之后执行；

　　 代码如下：

      $(document).ready(function() {  //页面加载完成


        $('.image-link').magnificPopup({type:'image'});  

       });