You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
2.4 KiB
JavaScript
84 lines
2.4 KiB
JavaScript
5 years ago
|
(function($, window, document, undefined) {
|
||
|
|
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
var defaults = {
|
||
|
|
hash: true
|
||
|
|
};
|
||
|
|
|
||
|
|
var Hash = function(element) {
|
||
|
|
|
||
|
|
this.core = $(element).data('lightGallery');
|
||
|
|
|
||
|
|
this.core.s = $.extend({}, defaults, this.core.s);
|
||
|
|
|
||
|
|
if (this.core.s.hash) {
|
||
|
|
this.oldHash = window.location.hash;
|
||
|
|
this.init();
|
||
|
|
}
|
||
|
|
|
||
|
|
return this;
|
||
|
|
};
|
||
|
|
|
||
|
|
Hash.prototype.init = function() {
|
||
|
|
var _this = this;
|
||
|
|
var _hash;
|
||
|
|
|
||
|
|
// Change hash value on after each slide transition
|
||
|
|
_this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex, index) {
|
||
|
|
window.location.hash = 'lg=' + _this.core.s.galleryId + '&slide=' + index;
|
||
|
|
});
|
||
|
|
|
||
|
|
// Listen hash change and change the slide according to slide value
|
||
|
|
$(window).on('hashchange', function() {
|
||
|
|
_hash = window.location.hash;
|
||
|
|
var _idx = parseInt(_hash.split('&slide=')[1], 10);
|
||
|
|
|
||
|
|
// it galleryId doesn't exist in the url close the gallery
|
||
|
|
if ((_hash.indexOf('lg=' + _this.core.s.galleryId) > -1)) {
|
||
|
|
_this.core.slide(_idx);
|
||
|
|
} else if (_this.core.lGalleryOn) {
|
||
|
|
_this.core.destroy();
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
Hash.prototype.destroy = function() {
|
||
|
|
|
||
|
|
// Reset to old hash value
|
||
|
5 years ago
|
|
||
|
5 years ago
|
if (this.oldHash && this.oldHash.indexOf('lg=' + this.core.s.galleryId) < 0) {
|
||
|
|
window.location.hash = this.oldHash;
|
||
|
|
} else {
|
||
|
|
if (history.pushState) {
|
||
|
|
history.pushState('', document.title, window.location.pathname + window.location.search);
|
||
|
|
} else {
|
||
|
|
window.location.hash = '';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
5 years ago
|
|
||
|
|
// Reset to old hash value
|
||
|
|
/*
|
||
|
|
if (this.oldHash && this.oldHash.indexOf('lg=' + this.core.s.galleryId) < 0) {
|
||
|
|
if (history.replaceState) {
|
||
|
|
history.replaceState(null, null, this.oldHash);
|
||
|
|
} else {
|
||
|
|
window.location.hash = this.oldHash;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if (history.replaceState) {
|
||
|
|
history.replaceState(null, document.title, window.location.pathname + window.location.search);
|
||
|
|
} else {
|
||
|
|
window.location.hash = '';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
this.core.$el.off('.lg.hash');
|
||
|
|
*/
|
||
|
5 years ago
|
};
|
||
|
|
|
||
|
|
$.fn.lightGallery.modules.hash = Hash;
|
||
|
|
|
||
|
|
})(jQuery, window, document);
|