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 - gallery images not displaying
Magnific Popup custom arrow and number
Is it possible to pass data via the post method to magnific popup when ajax loading content?
What is the best way to test if a Magnific Popup is currently “open”
Apply callback to all instances of Magnific Popup?
Magnific Popup show background image while loading fullres image
Popup - It should load an .aspx page
Modal dialog. - Confusing
Toggle verticalFit on an open image?
Does Magnific Popup support custom events/buttons
I can't get the overflowY option to work in magnific popup
magnific popup group do not working
Magnific-popup: how to get image url from <img src=“…”>?
Styling magnific-popup arrows
magnific popup modal closes on click
Magnific popup: getting “The image could not be loaded”

Categories

HOME
proxy
gremlin
server
tizen
plone
angular-material
google-docs
adb
paw-app
youtube-api-v3
ojdbc
networkx
slick-slider
gorm
metatrader4
imacros
resize
collectd
workload-scheduler
zapier
kvc
nhapi
windows-error-reporting
windows-server-2000
procdump
sequential
occlusion
az-application-insights
mesos-chronos
broadcastreceiver
sfdc
vao
google-datalayer
jsch
termination
komodoedit
winscp-net
forever
np-complete
dwscript
redundancy
objective-c-swift-bridge
messenger
ableton-live
color-picker
home-directory
mathematica-frontend
gridview-sorting
prettytensor
sdf
bgp
rvest
dlna
dataview
suffix-tree
design-by-contract
tform
system.management
ford-fulkerson
sankey-diagram
apache-commons-fileupload
vstest.console.exe
clipperlib
skos
offloading
xc16
dd
qpainter
flask-cors
funcunit
message-driven-bean
industrial
file-locking
jplaton
random-seed
orchardcms-1.7
sabredav
kyotocabinet
isnullorempty
trusted
labwindows
mod-auth
javax.script
lpeg
webkit.net
backcolor
aquaticprime
genealogy
paul-graham

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