Jquery Magnific Popup - not working
Hi ppl,
I am trying to make Magnific Popup gallery. This is my code:
- <!DOCTYPE html>
- <html>
- <head>
- <!-- Magnific Popup core CSS file -->
- <link rel="stylesheet" href="magnific-popup.css">
- <!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
- <!-- Magnific Popup core JS file -->
- <script src="jquery.magnific-popup.js"></script>
- </head>
- <body>
- <a class="test-popup-link" href="images/large_image_1.jpg">Open popup</a>
- <script type="text/javascript">
- $(document).ready(function() {
- $('test-popup-link').magnificPopup({type:'image'});
- });
- </script>
- </body>
- </html>