magnific-popup


Magnific Popup - Enable zoom animation when using $.magnificPopup.open


I am able to enable the zoom animation when I pre-initialize the Magnific Popup using the syntax below.
element.find('.productImage').magnificPopup({
type: 'image',
mainClass: 'mfp-with-zoom',
zoom: {
enabled: true,
duration: 300, // duration of the effect, in milliseconds
easing: 'ease-in-out' // CSS transition
}
});
However, there are certain places where I need to use the $.magnificPopup.open function to display an image. However the syntax below is giving me a "JavaScript runtime error: Object doesn't support property or method 'is'" error.
element.on('click', function() {
$.magnificPopup.open({
items: {
src: $(this).attr('data-mfp-src')
},
type: 'image',
zoom: {
enabled: true,
duration: 300, // duration of the effect, in milliseconds
easing: 'ease-in-out' // CSS transition
}
});
});
If I remove the "zoom {...}" part from the call, it works fine though but it'd be nice to have the zoom animation when the popup is opened this way. Is it possible at all? Please advise. Thanks!

Related Links

$.magnificPopup.open() callbacks is not working
How do i setup magnific-popup
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

Categories

HOME
twitter
winforms
multithreading
variables
proxy
reflection
heroku
plot
relayjs
mean-stack
q
gis
podio
autotools
amazon-cloudformation
adobe-analytics
phaser
static-libraries
uitypeeditor
graphlab
highlight.js
jsdoc
footer
serilog
aurigma
propel
object-detection
pass-by-reference
xpages-ssjs
su
neo4j-spatial
windows-server-2000
xquery-3.0
pdb
noraui
commit
ghost4j
stacked
theano.scan
dism
network-flow
termination
boost-multi-index
python-webbrowser
directory-structure
spring-mongodb
jquery-filter
azure-virtual-network
skobbler-maps
paypal-express
storekit
contact-list
pagerank
iad
spim
teamcity-8.0
ora-00900
varargs
mono-embedding
mmc
oberon
truevault
angularjs-ng-click
winddk
android-imagebutton
codeigniter-routing
issuu
article
dml
wp-query
transcoding
resty-gwt
fmod
.aspxauth
dir
runtime.exec
dataadapter
sabredav
enterprisedb
wsdl-2.0
tinn-r
path-separator
unc
dbproviderfactories
nsmanagedobject
amazon-appstore
removeclass
libc++
pydot
hirefire
heartbeat
netbeans-7.1
html-input
sudzc
forums
meego
thread-local-storage
gacutil
msdev

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