// // 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-job").each(function(){ var objID = $(this).attr("data-jobid"); if( objID && $(".lightbox-html-content[data-job-detail-id='"+objID+"']").length ) { var item = { //pid: $(this).attr("href").replace(/^s-([0-9]*)\/.*?$/i, "$1"), pid: $(this).attr("href").replace(/^.*\/([0-9]*)$/i, "$1"), html: $(".lightbox-html-content[data-job-detail-id='"+objID+"']").html() } pswp_items.push( item ); var index = $(pswp_items).length - 1; // open lightbox $(this).click(function(e){ e.preventDefault(); var options = { index: index, showHideOpacity: true, closeOnScroll: false, closeOnVerticalDrag: false, captionEl: false, fullscreenEl: false, zoomEl: false, shareEl: false, counterEl: false, preloaderEl: false, galleryUID: '', galleryPIDs: true, bgOpacity: 0.7 } 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"); }); $('.job-pswp .pswp__bg').click(function(){ pswp_lightbox.close(); }); pswp_lightbox.init(); }); } }); return false; }); // write necessary markup to dom function pswp_create_markup() { var s = '
' + "\n"; $("body").append( s ); }