magnific-popup


magnific popup group do not working


I'm using the following tool for my gallery and I've created the following HTML code:
<div class="galerie">
<div><a class="popup" href="path-to-large-image"><img src="path-to-thumb"><p>legend</p></a></div>
<div><a class="popup" href="path-to-large-image"><img src="path-to-thumb"><p>legend</p></a></div>
<div><a class="popup" href="path-to-large-image"><img src="path-to-thumb"><p>legend</p></a></div>
</div>
Now I'd like to group these elements into one gallery. I've tried with this JavaScript code:
$('.popup').magnificPopup({
delegate: 'a',
type: 'image'
});
Unfortunately this doesn't work. Can anyone help?
Try
$('.galerie').magnificPopup({
delegate: 'a',
type: 'image'
});
You should call the all gallery not a single image.
If anyone wants to know how to set up groups in magnific popup you need to
use the 'gallery' option:
$('.images').magnificPopup({
type: 'image',
gallery{
enabled: true
}
});
Source: http://dimsemenov.com/plugins/magnific-popup/documentation.html#gallery

Related Links

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
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

Categories

HOME
maven
ibm-bluemix
netsuite
fluentd
single-sign-on
json.net
tesseract
maven-3
graphql
angular-ui-bootstrap
enterprise-library-5
azure-storage-tables
append
android-youtube-api
nano-server
reveal.js
vb.net-2010
size
messages
serverless-framework
after-effects
alpine
lldb
jasonette
physics-engine
claims-based-identity
cas
fgetcsv
tooltipster
maxmind
large-file-upload
atlassian-crucible
objectanimator
twilio-api
uisplitview
functor
titanium-mobile
google-qpx-express-api
code-contracts
asset-pipeline
xmlreader
wallpaper
picasso
plsql-psp
lto
hilbert-curve
splice
streamreader
nand2tetris
scrollable
jquery-validate
paxos
nsarray
sybase-asa
mako
nbconvert
jspdf-autotable
dwscript
synchronous
quartz-composer
pycaffe
google-cdn
nxt
angular-cache
skobbler-maps
impresspages
lttng
markojs
qcustomplot
yaws
captivenetwork
php-parse-error
pervasive-sql
metaclass
browser-bugs
0xdbe
mono-embedding
sankey-diagram
inmobi
nsmutabledictionary
rake-task
nstableviewcell
id3v2
websocket4net
ceil
expected-exception
undefined-reference
blending
gridcontrol
eventual-consistency
xamlparseexception
android-screen-support
mhtml
multipage
viewswitcher
jquery-ui-layout
pendrive
php-parser
vdsp
invite
yetanotherforum
netbeans-7.1
pyinotify
h.323
asp.net-mvc-areas
perfect-hash
firefox-5
anti-piracy

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