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

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
how to make browser back close magnific-popup

Categories

HOME
pdf
openstack
activiti
layout
iterator
session
tizen-web-app
jgroups
gps
angular-ui-bootstrap
alpha
esper
synchronization
spring-kafka
row
quickbooks
timeout
alignment
task
decomposition
vaadin7
uitypeeditor
highlight.js
http-status-code-504
object-detection
cloudhub
sylius
cultureinfo
crystal-reports-2010
p-value
chromebook
brunch
tooltipster
fifo
elasticsearch-net
windows-server-2000
vision
tinymce-4
binary-data
http-status-code-503
google-sites-2016
calibre
mmenu
force-layout
qwerty
sharefile
c11
streamreader
greenrobot-eventbus
gulp-sourcemaps
dynamic-reports
texmaker
nand2tetris
netcdf4
businessworks
sencha-touch-2.3
babel-core
fault
jquery-nestable
blogengine.net
csound
slickedit
wdf
angular-cache
contact-list
actionbardrawertoggle
ready-api
ios4
system.management
ios8-today-widget
django-unittest
microbenchmark
generic-programming
oberon
skos
bridge.net
qcodo
id3v2
wordpress-theme-customize
article
starcluster
navigationservice
seaside
resty-gwt
app42
mbr
terminal-services
sitemesh
file-locking
qt-faststart
plasma
dice
frameset
parametric-equations
regsvr32
pendrive
punbb
xmlspy
disclosure
actionview
mysql-error-1005
sortable-tables
revisions
dbal
uimenucontroller
text-coloring
procedural-music
dbisam
multiple-languages

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