Vivid-Casper/assets/js/index.js

104 lines
3.2 KiB
JavaScript
Raw Normal View History

/**
* Main JS file for Casper behaviours
*/
/* globals jQuery, document */
(function ($, sr, undefined) {
"use strict";
var $document = $(document),
2013-08-20 16:53:02 +00:00
// debouncing function from John Hann
// http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
debounce = function (func, threshold, execAsap) {
var timeout;
return function debounced () {
var obj = this, args = arguments;
function delayed () {
if (!execAsap) {
func.apply(obj, args);
}
timeout = null;
}
if (timeout) {
clearTimeout(timeout);
} else if (execAsap) {
func.apply(obj, args);
}
timeout = setTimeout(delayed, threshold || 100);
};
};
$document.ready(function () {
var $postContent = $(".post-content");
$postContent.fitVids();
function updateImageWidth() {
var $this = $(this),
contentWidth = $postContent.outerWidth(), // Width of the content
imageWidth = this.naturalWidth; // Original image resolution
if (imageWidth >= contentWidth) {
$this.addClass('full-img');
} else {
$this.removeClass('full-img');
}
}
var $img = $("img").on('load', updateImageWidth);
function casperFullImg() {
$img.each(updateImageWidth);
}
2014-01-31 07:35:24 +00:00
casperFullImg();
$(window).smartresize(casperFullImg);
2014-07-22 11:21:33 +00:00
$(".scroll-down").arctic_scroll();
2015-02-27 14:48:15 +00:00
$(".menu-button, .nav-cover, .nav-close").on("click", function(e){
e.preventDefault();
$("body").toggleClass("nav-opened nav-closed");
});
});
2013-08-20 16:53:02 +00:00
// smartresize
jQuery.fn[sr] = function(fn) { return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
2014-01-31 07:35:24 +00:00
// Arctic Scroll by Paul Adam Davis
// https://github.com/PaulAdamDavis/Arctic-Scroll
2014-07-22 11:21:33 +00:00
$.fn.arctic_scroll = function (options) {
var defaults = {
elem: $(this),
speed: 500
},
2014-07-22 11:21:33 +00:00
allOptions = $.extend(defaults, options);
allOptions.elem.click(function (event) {
2014-07-22 11:21:33 +00:00
event.preventDefault();
var $this = $(this),
$htmlBody = $('html, body'),
offset = ($this.attr('data-offset')) ? $this.attr('data-offset') : false,
position = ($this.attr('data-position')) ? $this.attr('data-position') : false,
toMove;
2014-07-22 11:21:33 +00:00
if (offset) {
toMove = parseInt(offset);
$htmlBody.stop(true, false).animate({scrollTop: ($(this.hash).offset().top + toMove) }, allOptions.speed);
2014-07-22 11:21:33 +00:00
} else if (position) {
toMove = parseInt(position);
$htmlBody.stop(true, false).animate({scrollTop: toMove }, allOptions.speed);
2014-07-22 11:21:33 +00:00
} else {
$htmlBody.stop(true, false).animate({scrollTop: ($(this.hash).offset().top) }, allOptions.speed);
2014-07-22 11:21:33 +00:00
}
});
};
})(jQuery, 'smartresize');