magnific-popup

I want to take the title for my Magnific images from a hidden caption field inside the anchor tag - NOT from the title. This is because my title contains markup. HTML <a href="img/zoom.jpg"> <img src="img/small.jpg" alt=""> <span class="hide">This is a caption with <a href="#">a link</a> in it</span> </a> JS // initialise the magnific lightbox $('.js-lightbox').each(function() { $(this).magnificPopup({ delegate: 'a', type: 'image', tLoading: 'Loading image #%curr%...', gallery: { enabled: true, navigateByImgClick: true, preload: [0,1] // Will preload 0 - before current, and 1 after the current

Please Please Please help me.. I have been trying to get the magnific popup ajax box to show login form. It seems that form appears but as soon as I click anywhere in form or ajax body, it disappears. below is the code $(document).ready(function() { $('.ajax-popup-link').magnificPopup({ type: 'ajax', alignTop: false, closeOnContentClick: false, overflowY: 'scroll' }); }); <a class=".ajax-popup-link" href="result.php">try me</a><br> Below is the php that I look to load in ajax box. This is not the complete one Email:<div class="field_container">Password:</label> <input type='password' name=

I have two photos, both have the class "foto". Under each photo i added a button which allows me to delete the photo. However, i can still open the photo in the galery after removing a photo from the DOM, instead of 1 of 1 photos like expected, i still have 1 of 2 at the bottom right and i can still see the deleted photo within magnificPopup's galery. Is it still in the cache? $(document).ready ( function() { $('.foto').magnificPopup ( { type: 'image', closeOnContentClick: false, closeBtnInside: false, mainClass: 'mfp-with-zoom mfp-img-mobile', image: { verticalFit: true, titleSrc: function

I have many galleries on a page which are launched from their respective buttons. I like the idea of defining the markup for the galleries in the page alongside the button and then hiding using the .mfp-hide . However I cannot get the popup to activate when I add the delegate keyword (it does otherwise). Here is the code I have so far, HTML <div id="gallery1" class="mfp-hide"> <div class="slide"> ... some content for slide 1 ... </div> <div class="slide"> ... some content for slide 2 ... </div> </div> <p>Blah blah <a href="#gallery1" class="open-gallery-link">view gallery one</a> blah blah ...

I've just recently implemented the 'Magnific Popup' and the popup comes up fine, however when I click an input box the entire popup disappears back to the parent page. On the examples shown on the plugin website, the entire dialog box is clickable until you click outside of that box. I'm hoping its just something extremely simple I've missed, but it's still doing my head in. I really appreciate any help I can get! Thanks :) If you're using "ajax" content type, you need to make sure that you've got only one root node. http://dimsemenov.com/plugins/magnific-popup/documentation.html#ajax_type E.g

can anybody tell me how to open popup within popup using magnific-popup jquery plugin (using ajax). $('.ajax-popup-link').magnificPopup({ type: 'ajax' }); <a href="path-to-file.html" class="ajax-popup-link"> Link 1 </a> on "path-to-file.html" <a href="path-to-other-file.html" class="ajax-popup-link"> next popup </a> Thanks You can't have two windows open at once. But the content of popup is replaced when is called second time, here is example - http://codepen.io/dimsemenov/pen/hwIng I know this an old thread, but for anyone still interested, this worked for me: $(document).on('click', '.sAjax'