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

magnific-popup - re-initiate on ajax content
Magnific-popup cancels all requests on open
Magnific Popup fails to work with multiple galleries on a page
magnific-popup open in parent when calling from iframe
Magnific popup iframe closeOnBgClick does not work
Magnific Popup Text Links
Magnific popup - undefined is not a function when parsing markup
Adding onclose method in magnificPopup (that autoloads on pageload)
Popup does not work fine with final tiles grid gallery
Magnific Popup - Enable zoom animation when using $.magnificPopup.open
Magnific Popup appears below page on mobile
Magnific-popup - Source (not showing up again) after closing Popup
Magnific Popup plugin: Preloader not working on iframe
Close, open new magnific popup window via API
Magnific Popup with html5 video
Magnific Popup Gallery: How can I display a counter in an inline type item?

Categories

HOME
zeromq
activiti
angular-material
appx
lodash
objectgears
sd-card
setup-deployment
yahoo-oauth
google-oauth
datastax-java-driver
ios-charts
portia
synchronization
facebook-php-sdk
spring-kafka
izpack
iron-router
workload-scheduler
scichart
lldb
paging
riot.js
typo3-6.2.x
saas
jspm
libuv
gitignore
stormpath
javascriptcore
uisplitview
http-get
subset-sum
android-nestedscrollview
wallpaper
overlap
dartium
neuroscience
eclipse-scout
eigenvalue
vao
wptoolkit
galleria
jedis
typescript1.8
setter
google-perftools
r-forge
qtwebview
spring-mongodb
parallel-data-warehouse
android-fonts
azure-sdk
azure-virtual-network
dstu2-fhir
file-writing
connect-by
sigabrt
jfugue
jms2
map-projections
deis
system.reflection
block-device
oxwall
mdt
cctv
wp-query
doskey
rtmfp
app42
aqtime
comaddin
jquery-knob
bitsharp
quickdialog
nsnetservice
dice
postgresql-performance
pendrive
subscript
f#-powerpack
xmemcached
xtype
nhibernate.search
meego
yagni

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