46 lines
1.5 KiB
JavaScript
46 lines
1.5 KiB
JavaScript
export default function($elem) {
|
|
$("a.lightbox", $elem).each(function(i, e) {
|
|
$LAB.script("/javascripts/jquery.magnific-popup-min.js").wait(function() {
|
|
var $e = $(e);
|
|
// do not lightbox spoiled images
|
|
if ($e.parents(".spoiler").length > 0 || $e.parents(".spoiled").length > 0) { return; }
|
|
|
|
$e.magnificPopup({
|
|
type: "image",
|
|
closeOnContentClick: false,
|
|
removalDelay: 300,
|
|
mainClass: "mfp-zoom-in",
|
|
|
|
callbacks: {
|
|
open: function() {
|
|
var wrap = this.wrap,
|
|
img = this.currItem.img,
|
|
maxHeight = img.css("max-height");
|
|
|
|
wrap.on("click.pinhandler", "img", function() {
|
|
wrap.toggleClass("mfp-force-scrollbars");
|
|
img.css("max-height", wrap.hasClass("mfp-force-scrollbars") ? "none" : maxHeight);
|
|
});
|
|
},
|
|
beforeClose: function() {
|
|
this.wrap.off("click.pinhandler");
|
|
this.wrap.removeClass("mfp-force-scrollbars");
|
|
}
|
|
},
|
|
|
|
image: {
|
|
titleSrc: function(item) {
|
|
var href = item.el.data("download-href") || item.src;
|
|
return [
|
|
item.el.attr("title"),
|
|
$("span.informations", item.el).text().replace('x', '×'),
|
|
'<a class="image-source-link" href="' + href + '">' + I18n.t("lightbox.download") + '</a>'
|
|
].join(' · ');
|
|
}
|
|
}
|
|
|
|
});
|
|
});
|
|
});
|
|
}
|