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
Post a Comment