magnific-popup


How to override magnific popup inline markup


I am creating a Magnific popup gallery that can display all magnific types , images, iframes, inlines.
Modifying images and iframes markup works fine but I am not able to change the inline
fiddle , https://jsfiddle.net/v572re9g/3/
$('.popup-gallery a').magnificPopup({
type: 'image',
gallery: {
enabled: true,
navigateByImgClick: true,
},
midClick: true,
image: {
markup: '<div class="mfp-figure">' +
'<div class="mfp-close"></div>' +
'<div class="mfp-img"></div>' +
'</div>' +
'<div class="mfp-bottom-bar">' +
'<div class="mfp-title"></div>' +
'<div class="mfp-counter"></div>' +
'</div>'
},
inline: {
markup: '<div class="mfp-inline-box">' +
'<div class="mfp-close"></div>' +
'<div class="mfp-content"></div>' +
'</div>' +
'<div class="mfp-bottom-bar">' +
'<div class="mfp-title"></div>' +
'<div class="mfp-counter"></div>' +
'</div>'
},
iframe: {
markup: '<div class="mfp-iframe-scaler mfp-with-anim">' +
'<div class="mfp-close"></div>' +
'<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>' +
'</div>' +
'<div class="mfp-bottom-bar">' +
'<div class="mfp-title"></div>' +
'<div class="mfp-counter"></div>' +
'</div>'
}
});
any help is appreciated

Related Links

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
How to adjust video size magnific popup
$.magnificPopup.open() callbacks is not working

Categories

HOME
client
variables
mfc
stock
vmware
spagobi
yahoo-oauth
infragistics
cross-browser
onelogin
esper
add
python-unittest
tomcat6
spring-xd
messages
carthage
serverless-framework
pc
lldb
predix
physics-engine
tokenize
blazemeter
xpages-ssjs
apache-commons-io
phpfox
elasticsearch-ruby
ping
replaceall
libuv
asset-pipeline
android-kernel
http-referer
force-layout
ios5
android-browser
impersonation
mesos-chronos
ruby-on-rails-3.1
http-live-streaming
isbn
http-redirect
import-from-excel
google-datalayer
dotcover
rainbowtable
parentheses
tropo
setter
feeds
mcafee
or-tools
pintos
wdf
adxstudio-portals
dataview
revolution-r
two-factor-authentication
natvis
citrus-pay
tarjans-algorithm
ios9.1
sortedlist
javax.mail
ng-animate
phalanger
gulp-less
phpthumb
jboss-weld
app42
fmod
runtime.exec
tws
jplaton
flashvars
google-email-migration
first-responder
datawindow
errai
netbeans-6.9
work-stealing
netdna-api
nsobject
pydot
xsdobjectgen
ti-dsp
noscript
multiple-languages
caching-application-block

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