magnific-popup


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.

Related Links

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

Categories

HOME
google-chrome-extension
client
amazon-ec2
omnet++
image-processing
view
electron
objectgears
alfresco
maven-3
alpha
azure-storage-tables
constraint-programming
cloudkit
handsontable
u-sql
vb.net-2010
uitypeeditor
ghc
libtiff
jsdoc
angular-ui
pythonanywhere
flux
amazonsellercentral
ml
emgucv
spark-jobserver
neo4j-spatial
assistant
procdump
bpel
preg-match-all
uisplitview
data-manipulation
oracle-fusion-middleware
titanium-mobile
jspresso
google-api-nodejs-client
wixsharp
event-driven
android-browser
vapor
trim
unoconv
quadratic-programming
janrain
sencha-touch-2.3
avconv
appcompat
apache-fop
jquery-nestable
fancybox-2
jxcore
jspdf-autotable
parallel-data-warehouse
slicknav
nsfilemanager
gstreamer-0.10
whois
energy
microbenchmark
ideamart
createprocessasuser
sortedlist
markers
xceed-datagrid
app42
google-cloud-save
coverflow
limejs
lcs
enterprisedb
referrer
itmstransporter
broken-links
runas
assembly-loading
rfc1123
yetanotherforum
self-extracting
celltable
iphone-web-app
zend-translate
filtered-index
routedevent
user-friendly
premature-optimization
nerddinner
private-members
zune
multiple-languages

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App