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 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
How do i setup magnific-popup
magnific-popup - re-initiate on ajax content
Magnific-popup cancels all requests on open

Categories

HOME
testng
keycloak
hp-exstream
fft
tesseract
rsync
jira
google-oauth
analysis
infragistics
microservices
dxl
icloud
slurm
google-cloud-ml
fortumo
hapi
django-simple-history
worldwind
ghc
systemc
pc
propel
firefox-webextensions
tapestry
facebook-access-token
nhapi
tooltipster
publish
jspm
gitignore
bluestacks
.net-4.0
jspresso
language-concepts
google-api-nodejs-client
mpmediaquery
html5-fullscreen
fusionpbx
revolution-slider
dartium
jquery-bootgrid
vapor
webix-treetable
elasticsearch-plugin
nxlog
fakeiteasy
gpx
scorm
avconv
parentheses
dds
winscp-net
mu
statsd
composite-key
lync-client-sdk
query-performance
color-picker
radtreelist
probability-density
asp.net-4.5
transmitfile
firebaseui
contact-list
connect-by
qgraphicsview
hexdump
yaws
ptrace
pyke
jfugue
srand
drawbitmap
ibaction
twirl
mono-embedding
oberon
skos
nsmutabledictionary
nstableviewcell
camanjs
gui-test-framework
preferences
farseer
listings
sharp-repository
eventlistener
cassini-dev
clipper
browser-detection
google-email-migration
dice
tridion-worldserver
jspinclude
enter
nsmanagedobject
mercurial-server
doh
external-accessory
xmlspy
xmemcached
xtype
nhibernate.search
forums
vc90
ext3
thunderbird-lightning
webkit.net
gacutil
.net-1.0
commodore

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