Search code examples
magnific-popup

magnific popup group do not working

I'm using the following tool for my gallery and I've created the following HTML code:

 <div class="galerie">
   <div><a class="popup" href="path-to-large-image"><img src="path-to-thumb"><p>legend</p></a></div>
   <div><a class="popup" href="path-to-large-image"><img src="path-to-thumb"><p>legend</p></a></div>
   <div><a class="popup" href="path-to-large-image"><img src="path-to-thumb"><p>legend</p></a></div>
 </div>

Now I'd like to group these elements into one gallery. I've tried with this JavaScript code:

 $('.popup').magnificPopup({
     delegate: 'a',
     type: 'image'
 });

Unfortunately this doesn't work. Can anyone help?

Solution

  • Try

     $('.galerie').magnificPopup({
 delegate: 'a',
 type: 'image'
 });

    You should call the all gallery not a single image.