magnific-popup


Magnific Popup plugin: Preloader not working on iframe


I used the plugin to open up an internal page, which works fine with iframe but the preloader does not show up. I just want to display a preloader image or a "loading..." text. This is what I tried:
$(document).ready(function() {
$('.link').magnificPopup({type:'iframe', preload: true});
});
Is there something else I need to do?
If you look at the Javascript source of jquery.magnific-popup.js, the mfp.updateStatus('loading'); is never called in the iFrame code block. So what I did was simply add mfp.updateStatus('loading'); to the initIframe function and remove mfp.updateStatus('ready'); from the getIframe function. It may be better to add a setTimeout to call the mfp.updateStatus('ready') but it seems to work okay without that.

Related Links

Magnific Popup - taller mfp-bottom-bar causes max image height issue
How to generate a (magnific popup)-gallery without a-tags
Add data to items in Magnific Popup
How to set the divs to make Magnific Popup animations work
how to display map in mobile devices using magnific popup?
Magnific Popup - Counter in Videogallery
how to manually open and close the popup using Magnific-Popup
How to customize arrows and close button?
no closing “X” with inline content
How to prevent close
Magnific-Popup Loading iframe from non-video players URL
Magnific popup - put arrows inside of an image
magnific closeOnContentClick does not work
How can style popup iframe in Magnific Pop-Up?
Gallery with mixed content types
Title for iframe/video in magnific popup

Categories

HOME
compiler-construction
jdo
kde
appx
lodash
office365api
android-4.4-kitkat
yahoo-oauth
razor
google-oauth
sharepoint-designer
rdf
jgroups
ckeditor
angular-ui-bootstrap
alpha
adobe-analytics
modelica
etl
dynamics-crm-online
foselasticabundle
openrefine
reactcsstransitiongroup
evopdf
immutable.js
ml
css-animations
telerik-reporting
devops
pepper
underflow
spring-mybatis
typo3-6.2.x
large-file-upload
madlib
hybridauth
sequential
dosbox
scaffold
x11-forwarding
greenrobot-eventbus
fedex
powershell-dsc
.net-4.6.2
chain-builder
brightcove
qtwebview
akka-cluster
spring-cache
lync-client-sdk
ableton-live
grails-tomcat-plugin
azure-virtual-network
multi-level
superstack
bgp
design-by-contract
freedesktop.org
maven-tomcat-plugin
teamcity-8.0
muse
php-ci
method-parameters
sankey-diagram
fscommand
gadt
network-interface
applescript-objc
client-side-templating
marmalade
picturefill
message-driven-bean
srs
xsockets.net
runtime.exec
odata4j
batterylevel
gridcontrol
orchardcms-1.7
ember-app-kit
sublist
propertyeditor
hosts-file
chrono
asyncfileupload
window-management
gnustep
imac
gamma
bespin
photoshop-cs4
data-driven
eqatec
avatar
sector

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