Magnific Popup show background image while loading fullres image
I am using the zoom function of Magnificic Popup: <a class="image-popup-no-margins" href="photo.jpg"><img src="thumbnail.jpg" /></a> I would like to see thumbnail.jpg as the background of photo.jpg while photo.jpg loads right over it. So you click thumbnail.jpg and then a big version of thumbnail shows up, as it is already in cache, and photo.jpg loads right on top of it. Is that possible? :) Thanks!
Place this before the links you have on page: <div style="display: none;"> <img src="photo.jpg" /> </div> and then use library like http://www.appelsiini.net/projects/lazyload to preload the image.
Align caption text to right of image with magific-popup like in 'Ajax-popup' example?
Magnific popup - how to open it on mouseover?
Magnific-popup - How to prevent “image source” from being displayed when 'data-source' not defined
how to add bullets in Lightbox gallery of magnific pop up?
Magnific popup specific size
Magnific popup scroll issue
Does it only work on wordpress?
Magnific Popup scroll issues with iframe and iOS
How to apply magnific pop to image preview after revoke the object url
How to override magnific popup inline markup
Magnific pop-up only links to you tube
Magnific Popup close button placed in invalid html?
Magnific Popup - Google Maps Embed API must be used in an iframe
Magnific Popup Plugin Not Showing when Previewed in Browser
Magnific Popup Wordpress
Magnific vs PhotoSwipe