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' });  

       });