CHIEFSOFT\ameye
100 lines
2.2 KiB
JavaScript
100 lines
2.2 KiB
JavaScript
/**
|
|
* Lightbox
|
|
*/
|
|
|
|
import {
|
|
$,
|
|
$window,
|
|
$doc,
|
|
$body,
|
|
sight
|
|
} from './utility';
|
|
|
|
( function( $ ) {
|
|
|
|
$.fn.SightLightbox = function( options ) {
|
|
|
|
var settings = $.extend( {
|
|
gallery : false,
|
|
}, options);
|
|
|
|
var containerSelector = this;
|
|
var imageSelector = null;
|
|
|
|
$( containerSelector ).each( function() {
|
|
|
|
if ( $( this ).is( 'img' ) ) {
|
|
imageSelector = this;
|
|
} else {
|
|
imageSelector = $( this ).find( 'img' );
|
|
}
|
|
|
|
$( imageSelector ).each( function() {
|
|
|
|
var link = $( this ).closest( '.sight-portfolio-entry' ).find( '.sight-portfolio-overlay-link' );
|
|
|
|
if ( ! $( link ).is( 'a' ) ) {
|
|
return;
|
|
}
|
|
|
|
var imagehref = $( link ).attr( 'href' );
|
|
|
|
if ( ! imagehref.match( /\.(gif|jpeg|jpg|png)/ ) ) {
|
|
return;
|
|
}
|
|
|
|
$( link ).addClass( 'sight-image-popup' );
|
|
});
|
|
|
|
if ( $( this ).closest( '.elementor-element' ).length > 0 ) {
|
|
return;
|
|
}
|
|
|
|
$( containerSelector ).magnificPopup( {
|
|
delegate: '.sight-image-popup',
|
|
type: 'image',
|
|
tClose: sight_lightbox_localize.text_close + '(Esc)',
|
|
tLoading: sight_lightbox_localize.text_loading,
|
|
gallery: {
|
|
enabled: settings.gallery,
|
|
tPrev: sight_lightbox_localize.text_previous,
|
|
tNext: sight_lightbox_localize.text_next,
|
|
tCounter: '<span class="mfp-counter">%curr% ' + sight_lightbox_localize.text_counter + ' %total%</span>'
|
|
},
|
|
image: {
|
|
titleSrc: function( item ) {
|
|
let entry = item.el.closest( '.sight-portfolio-entry' );
|
|
|
|
if ( $( entry ).hasClass( 'sight-portfolio-entry-custom' ) ) {
|
|
|
|
return $( entry ).find( '.sight-portfolio-entry__caption' ).text();
|
|
|
|
} else if ( $( entry ).hasClass( 'sight-portfolio-entry-post' ) ) {
|
|
|
|
return $( entry ).find( '.sight-portfolio-entry__caption' ).text();
|
|
|
|
} else {
|
|
return $( entry ).find( '.sight-portfolio-entry__heading' ).text();
|
|
}
|
|
}
|
|
},
|
|
} );
|
|
} );
|
|
|
|
};
|
|
|
|
function initSightLightbox() {
|
|
$( '.sight-portfolio-area-lightbox' ).imagesLoaded( function() {
|
|
$( '.sight-portfolio-area-lightbox' ).SightLightbox( { gallery: true } );
|
|
} );
|
|
}
|
|
|
|
$( document ).ready( function() {
|
|
initSightLightbox();
|
|
$( document.body ).on( 'post-load image-load', function() {
|
|
initSightLightbox();
|
|
} );
|
|
} );
|
|
|
|
} )( jQuery );
|