91 lines
2.6 KiB
JavaScript
91 lines
2.6 KiB
JavaScript
|
$(document).ready(function() {
|
||
|
|
// Employ Masonry layout configuration
|
||
|
|
var $container = $(".masonry-flex-container")
|
||
|
|
$container.imagesLoaded().always(function(instance) {
|
||
|
|
$container.masonry({
|
||
|
|
itemSelector: ".flex-item",
|
||
|
|
columnWidth: ".flex-item",
|
||
|
|
percentPosition: true,
|
||
|
|
transitionDuration: 0 /* Disable animation of transitions */
|
||
|
|
});
|
||
|
|
|
||
|
|
$(window).resize(function() {
|
||
|
|
$container.masonry();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
$container.each(function() {
|
||
|
|
this.addEventListener("load", function() {
|
||
|
|
$container.masonry();
|
||
|
|
}, true);
|
||
|
|
});
|
||
|
|
|
||
|
|
// Provide infinite scroll if enabled
|
||
|
|
var $infiniteContainer = $(".masonry-flex-container.infinite-scroll").infinitescroll({
|
||
|
|
navSelector: "ul.pagination",
|
||
|
|
nextSelector: "ul.pagination a:last",
|
||
|
|
itemSelector: ".masonry-flex-container .flex-item",
|
||
|
|
loadingImg: "/img/loader.gif",
|
||
|
|
loading: {
|
||
|
|
finishedMsg: "",
|
||
|
|
msgText: "",
|
||
|
|
img: "/img/loader.gif"
|
||
|
|
}
|
||
|
|
}, function(elements) {
|
||
|
|
var $elements = $(elements);
|
||
|
|
$elements.imagesLoaded(function() {
|
||
|
|
$infiniteContainer.masonry("appended", $elements);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
// Attach our lightbox handlers
|
||
|
|
$("[data-lightbox-id]").each(function() {
|
||
|
|
var element = $(this);
|
||
|
|
var lightboxId = element.data("lightbox-id");
|
||
|
|
var lightbox = $("#" + lightboxId);
|
||
|
|
|
||
|
|
var lightboxProperties = {
|
||
|
|
"padding": "70px",
|
||
|
|
"width": "100%",
|
||
|
|
"height": "100%",
|
||
|
|
"background-color": "rgba(0, 0, 0, 0.95)",
|
||
|
|
"color": "white",
|
||
|
|
"position": "fixed",
|
||
|
|
"top": "0px",
|
||
|
|
"left": "0px",
|
||
|
|
"z-index": "999"
|
||
|
|
};
|
||
|
|
lightbox.css(lightboxProperties);
|
||
|
|
lightbox.hide();
|
||
|
|
|
||
|
|
var lightboxCloseButtonProperties = {
|
||
|
|
"position": "absolute",
|
||
|
|
"top": "0px",
|
||
|
|
"left": "0px",
|
||
|
|
"z-index": "999",
|
||
|
|
"cursor": "pointer"
|
||
|
|
};
|
||
|
|
|
||
|
|
var lightboxCloseButton = $("<i/>", {
|
||
|
|
"class": "fa fa-close fa-5x",
|
||
|
|
"click": function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
lightbox.hide("fast");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
lightboxCloseButton.css(lightboxCloseButtonProperties);
|
||
|
|
lightboxCloseButton.appendTo(lightbox);
|
||
|
|
|
||
|
|
element.click(function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
lightbox.show("fast");
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
// Provide syntax highlighting if highlight.js included
|
||
|
|
if (typeof hljs !== "undefined") {
|
||
|
|
hljs.initHighlightingOnLoad();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|