// // Wir nutzen die Photoswipe Lightbox auch fuer HTML Inhalte // wie die Detaildarstellung von 'Wissenswertes' // // Docs: http://photoswipe.com/documentation/options.html // define(['photoswipe', 'photoswipe_ui'], function(PhotoSwipe, PhotoSwipeUI_Default){ // PhotoSwipe und PhotoSwipeUI_Default sind Dependencies // write markup if necessary if( !$(".pswp_html").length ) { pswp_create_markup(); } var pswp_items = []; $(".lightbox-html").each(function(){ var objID = $(this).find("a").attr("data-articleid"); if( objID && $(".lightbox-html-content[data-article-detail-id='"+objID+"']").length ) { var item = { pid: $(this).find("a").attr("href").replace(/.*\/(.*)?$/i, "$1"), html: $(".lightbox-html-content[data-article-detail-id='"+objID+"']").html() } pswp_items.push( item ); // open lightbox $(this).click(function(e){ e.preventDefault(); var options = { index: $(this).index(), showHideOpacity: true, closeOnScroll: false, closeOnVerticalDrag: false, captionEl: false, fullscreenEl: false, zoomEl: false, shareEl: false, counterEl: false, preloaderEl: false, galleryUID: '', galleryPIDs: true } var pswp_lightbox = new PhotoSwipe( $(".pswp")[0], PhotoSwipeUI_Default, pswp_items, options ); pswp_lightbox.listen("initialZoomIn",function(){ $("body").addClass("lightbox-html-open"); }); pswp_lightbox.listen("close",function(){ $("body").removeClass("lightbox-html-open"); }); pswp_lightbox.listen("afterChange",function(){ try { // track as analytics event ga('send', 'event', 'Lightbox', 'Wissenswertes Detail', pswp_lightbox.currItem.pid); } catch(err){} // Links erfassen initAnalyticsEventTracking(".pswp-html .lightbox-html-inner"); }); pswp_lightbox.init(); }); } }); return false; }); // write necessary markup to dom function pswp_create_markup() { var s = '
' + "\n"; $("body").append( s ); }