Jquery Magnific Popup - not working

Jquery Magnific Popup - not working

Hi ppl,

I am trying to make Magnific Popup gallery. This is my code:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-- Magnific Popup core CSS file -->
  5. <link rel="stylesheet" href="magnific-popup.css">

  6. <!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
  7. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

  8. <!-- Magnific Popup core JS file -->
  9. <script src="jquery.magnific-popup.js"></script>
  10. </head>
  11. <body>

  12. <a class="test-popup-link" href="images/large_image_1.jpg">Open popup</a>

  13. <script type="text/javascript">
  14. $(document).ready(function() {
  15.   $('test-popup-link').magnificPopup({type:'image'});
  16. });
  17. </script>
  18. </body>
  19. </html>


I followed the instructions from http://dimsemenov.com/plugins/magnific-popup/ and I have downloaded  css and js code from  https://github.com/dimsemenov/Magnific-Popup. The picture opens in separate tab, not in modal window. Can anyone tell me what I'm doing wrong?