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

       });