javascript - How can I combine inline elements with images in magnific popup having a displayed gallery -


i using magnific popup.

i can work galleries.

$(document).ready(function() {     $('.popup-gallery').magnificpopup({         delegate: 'a',         type: 'image',         gallery: {             enabled: true,             navigatebyimgclick: true,         }     }); }); 

i can mix inline elements with images want:

$('#open-popup').magnificpopup({     items: [       {         src: 'http://upload.wikimedia.org/wikipedia/commons/thumb/6/64/peter_%26_paul_fortress_in_spb_03.jpg/800px-peter_%26_paul_fortress_in_spb_03.jpg',         title: 'peter & paul fortress in spb'       },       {         src: 'http://vimeo.com/123123',         type: 'iframe' // overrides default type       },       {         src: $('<div class="white-popup">dynamically created element</div>'), // dynamically created element         type: 'inline'       },       {         src: '<div class="white-popup">popup html string</div>', // html string         type: 'inline'       },       {         src: '#my-popup', // css selector of element on page should used popup         type: 'inline'       }     ],     gallery: {       enabled: true     },     type: 'image' // default type }); 

my problem in mixed example, don't have thumbnail "gallery" displayed, want thumnail images, when clicked behave gallery 1 inline element in between.

the inline element have thumbnail (and actual image), when clicked inline element.

i able fancybox , can see here if click thumbnails, might clarify need. (i trying achieve same thing magnific popup because of lack of mobile support of mobile).

you may add mfp-type css class thumbnail element should have non-default content type. http://dimsemenov.com/plugins/magnific-popup/documentation.html#content_types


Comments

Popular posts from this blog

c++ - Creating new partition disk winapi -

Android Prevent Bluetooth Pairing Dialog -

VBA function to include CDATA -