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 fails to work with multiple galleries on a page
magnific-popup open in parent when calling from iframe
Magnific popup iframe closeOnBgClick does not work
Magnific Popup Text Links
Magnific popup - undefined is not a function when parsing markup
Adding onclose method in magnificPopup (that autoloads on pageload)
Popup does not work fine with final tiles grid gallery
Magnific Popup - Enable zoom animation when using $.magnificPopup.open
Magnific Popup appears below page on mobile
Magnific-popup - Source (not showing up again) after closing Popup
Magnific Popup plugin: Preloader not working on iframe
Close, open new magnific popup window via API
Magnific Popup with html5 video
Magnific Popup Gallery: How can I display a counter in an inline type item?
Magnific Popup - gallery images not displaying
Magnific Popup custom arrow and number

Categories

HOME
ionic-framework
clips
pypi
zeromq
kalman-filter
cvs
razor
jsrender
packages
cross-browser
opengl-es-2.0
convolution
virtualization
medical
primary-key
adobe-analytics
nano-server
spring-xd
messages
quartz-scheduler
netflix
django-simple-history
workload-scheduler
propel
predix
autocad-plugin
telerik-reporting
java-7
buildbot
apache-commons-io
url-scheme
user-interaction
log4js-node
google-rich-snippets
javascriptcore
key-value-observing
galsim
catel
revolution-slider
jquery-bootgrid
automake
service-discovery
estimote
checkboxlist
galleria
logfiles
sage-one
google-perftools
namecoin
flow-control
nbconvert
dynamics-sl
webdriverjs
google-cdn
infix-notation
storekit
freelancer.com-api
unity-networking
qdialog
feedback
citrus-pay
pundit
computer-algebra-systems
coveralls
tarjans-algorithm
method-parameters
generic-programming
skos
bridge.net
e10s
csquery
coldbox
angularjs-ng-click
asp.net-dynamic-data
zend-route
phpthumb
htmlcleaner
openlaszlo
uv-mapping
listings
dotnetnuke-5
hungarian-algorithm
ember-app-kit
pygit2
android-hardware
mhtml
hamiltonian-cycle
hosts-file
onsubmit
qtkit
gnu-prolog
hirefire
cinema-4d
file-comparison
calling-convention
gamequery
preference
backcolor
ctp4

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