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

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”
How to give a fixed size to image in magnific-popup pluggin
magnific popup Inline Lightbox Gallery how to specify item in array from html link

Categories

HOME
maven
deezer
reserved
plone
iot
vmware
spring-cloud-stream
sqlite3
jxls
gps
append
facebook-php-sdk
gnupg
tomcat6
here-api
midi
circular-dependency
n-gram
quartz-scheduler
undefined
dcevm
zurb-foundation-6
jndi
rundeck
django-storage
nat
skia
r-raster
galsim
grails-3.1
pim
commit
ios5
vxworks
code-search-engine
c11
hue
mapzen
janrain
password-encryption
checkboxlist
galleria
apache-fop
errordocument
hendrix
gabor-filter
yii2-extension
worker-thread
boost-preprocessor
spring-android
removechild
url-masking
impresspages
qpid
prettytensor
qgraphicsview
bluemix-app-scan
cloudbees
freelancer.com-api
sdhc
cyclomatic-complexity
content-length
wyam
sysinternals
fluid-dynamics
composite
angular-local-storage
web-controls
notify
directoryservices
bigbluebutton
terminfo
mesa
sgen
navigationservice
valueconverter
system.net.webexception
xceed-datagrid
dexterity
spring-io
back-stack
jelly
frameset
propertyeditor
javaspaces
jquery-ui-layout
spring-portlet-mvc
krl
pyinotify
locate
webkit.net
backcolor
mdac
data-acquisition
ajax-forms

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