Overlaid Lightbox

Appologies for temporary adjustment. At around GMT 23:00 on 5thn June scripts.js was modified in an attempt to resolve issues. The following code was added to scripts.js as highlighted below:-

As you discovered cooincidentally, the issue is changed, although timed slideshow feature does not automatically re-start after the first instance is exited unless whole page is reloaded.

I have now removed modified code in the last few minutes and reinstated the original unmodified code. If you recommend a different solution then I would be grateful to hear your suggestions.

/*———————————-*/
/* Gallery modified line 373 added by daniel
/*———————————-*/

function semishotGalleryInit( container, target ) {

$( container ).each( function() {
$( this ).find( target ).magnificPopup({
type: ‘image’,
mainClass: ‘mfp-img-mobile mfp-zoom-in’,
tLoading: ”,
gallery: {
enabled: true,
preload: [0,2],
tCounter: ‘<span class=”mfp-counter”>%curr% / %total%</span>’
},
removalDelay: 300, // Delay removal by X to allow out-animation
callbacks: {
open: function() {
// Overwrite default prev + next function. Add timeout for css3 crossfade animation
$.magnificPopup.instance.next = function() {
var self = this;
self.wrap.removeClass( ‘mfp-image-loaded’ );
setTimeout(function() { $.magnificPopup.proto.next.call(self); }, 120);
}
$.magnificPopup.instance.prev = function() {
var self = this;
self.wrap.removeClass( ‘mfp-image-loaded’ );
setTimeout(function() { $.magnificPopup.proto.prev.call(self); }, 120);
}
},
imageLoadComplete: function() {
var self = this;
setTimeout(function() { self.wrap.addClass( ‘mfp-image-loaded’ ); }, 16);
// — START – ADDED BY DANIEL ———————————-
$(‘.mfp-container, .mfp-wrap, .mfp-bg’).css({“opacity”: “0”});
$( “button.mfp-close” ).trigger( “click” );
// — END – ADDED BY DANIEL ———————————
}
}
});
});
}
semishotGalleryInit( ‘.gallery’, ‘.gallery-icon a’ );
semishotGalleryInit( ‘.mt-pgrid-gallery’, ‘.mt-pgrid-link’ );