195 lines
4.7 KiB
JavaScript
195 lines
4.7 KiB
JavaScript
|
// IE8 ployfill for GetComputed Style (for Responsive Script below)
|
|||
|
if (!window.getComputedStyle) {
|
|||
|
window.getComputedStyle = function(el, pseudo) {
|
|||
|
this.el = el;
|
|||
|
this.getPropertyValue = function(prop) {
|
|||
|
var re = /(\-([a-z]){1})/g;
|
|||
|
if (prop == 'float') prop = 'styleFloat';
|
|||
|
if (re.test(prop)) {
|
|||
|
prop = prop.replace(re, function () {
|
|||
|
return arguments[2].toUpperCase();
|
|||
|
});
|
|||
|
}
|
|||
|
return el.currentStyle[prop] ? el.currentStyle[prop] : null;
|
|||
|
}
|
|||
|
return this;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
// as the page loads, call these scripts
|
|||
|
jQuery(document).ready(function($) {
|
|||
|
|
|||
|
/*
|
|||
|
Responsive jQuery is a tricky thing.
|
|||
|
There's a bunch of different ways to handle
|
|||
|
it, so be sure to research and find the one
|
|||
|
that works for you best.
|
|||
|
*/
|
|||
|
|
|||
|
/* getting viewport width */
|
|||
|
var responsive_viewport = $(window).width();
|
|||
|
|
|||
|
/* if is below 481px */
|
|||
|
if (responsive_viewport < 481) {
|
|||
|
|
|||
|
} /* end smallest screen */
|
|||
|
|
|||
|
/* if is larger than 481px */
|
|||
|
if (responsive_viewport > 481) {
|
|||
|
|
|||
|
} /* end larger than 481px */
|
|||
|
|
|||
|
/* if is above or equal to 768px */
|
|||
|
if (responsive_viewport >= 768) {
|
|||
|
|
|||
|
/* load gravatars */
|
|||
|
$('.comment img[data-gravatar]').each(function(){
|
|||
|
$(this).attr('src',$(this).attr('data-gravatar'));
|
|||
|
});
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
/* off the bat large screen actions */
|
|||
|
if (responsive_viewport > 1030) {
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
// add all your scripts here
|
|||
|
|
|||
|
|
|||
|
}); /* end of as page load scripts */
|
|||
|
|
|||
|
|
|||
|
/*! A fix for the iOS orientationchange zoom bug.
|
|||
|
Script by @scottjehl, rebound by @wilto.
|
|||
|
MIT License.
|
|||
|
*/
|
|||
|
(function(w){
|
|||
|
// This fix addresses an iOS bug, so return early if the UA claims it's something else.
|
|||
|
if( !( /iPhone|iPad|iPod/.test( navigator.platform ) && navigator.userAgent.indexOf( "AppleWebKit" ) > -1 ) ){ return; }
|
|||
|
var doc = w.document;
|
|||
|
if( !doc.querySelector ){ return; }
|
|||
|
var meta = doc.querySelector( "meta[name=viewport]" ),
|
|||
|
initialContent = meta && meta.getAttribute( "content" ),
|
|||
|
disabledZoom = initialContent + ",maximum-scale=1",
|
|||
|
enabledZoom = initialContent + ",maximum-scale=10",
|
|||
|
enabled = true,
|
|||
|
x, y, z, aig;
|
|||
|
if( !meta ){ return; }
|
|||
|
function restoreZoom(){
|
|||
|
meta.setAttribute( "content", enabledZoom );
|
|||
|
enabled = true; }
|
|||
|
function disableZoom(){
|
|||
|
meta.setAttribute( "content", disabledZoom );
|
|||
|
enabled = false; }
|
|||
|
function checkTilt( e ){
|
|||
|
aig = e.accelerationIncludingGravity;
|
|||
|
x = Math.abs( aig.x );
|
|||
|
y = Math.abs( aig.y );
|
|||
|
z = Math.abs( aig.z );
|
|||
|
// If portrait orientation and in one of the danger zones
|
|||
|
if( !w.orientation && ( x > 7 || ( ( z > 6 && y < 8 || z < 8 && y > 6 ) && x > 5 ) ) ){
|
|||
|
if( enabled ){ disableZoom(); } }
|
|||
|
else if( !enabled ){ restoreZoom(); } }
|
|||
|
w.addEventListener( "orientationchange", restoreZoom, false );
|
|||
|
w.addEventListener( "devicemotion", checkTilt, false );
|
|||
|
})( this );
|
|||
|
|
|||
|
|
|||
|
|
|||
|
/*Responsive Menu*/
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
/*Fancybox*/
|
|||
|
jQuery(document).ready(function() {
|
|||
|
|
|||
|
jQuery(".fancybox").fancybox({
|
|||
|
|
|||
|
closeBtn : true,
|
|||
|
beforeShow: function() {
|
|||
|
this.title = jQuery(this.element).find('img').attr('alt');
|
|||
|
},
|
|||
|
helpers: {
|
|||
|
title : {
|
|||
|
type : 'inside'
|
|||
|
},
|
|||
|
buttons : {}
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
}); // fancybox
|
|||
|
|
|||
|
|
|||
|
|
|||
|
jQuery('.inhaltvz').onePageNav({
|
|||
|
currentClass: 'current-menu-item',
|
|||
|
changeHash: false,
|
|||
|
scrollSpeed: 1000,
|
|||
|
scrollThreshold: 0.5,
|
|||
|
filter: '',
|
|||
|
easing: 'swing',
|
|||
|
begin: function() {
|
|||
|
//I get fired when the animation is starting
|
|||
|
},
|
|||
|
end: function() {
|
|||
|
//I get fired when the animation is ending
|
|||
|
},
|
|||
|
scrollChange: function($currentListItem) {
|
|||
|
//I get fired when you enter a section and I pass the list item of the section
|
|||
|
}
|
|||
|
});
|
|||
|
|
|||
|
|
|||
|
//TO TOP
|
|||
|
// hide #back-top first
|
|||
|
jQuery("#back-top").hide();
|
|||
|
|
|||
|
// fade in #back-top
|
|||
|
jQuery(function () {
|
|||
|
jQuery(window).scroll(function () {
|
|||
|
if (jQuery(this).scrollTop() > 500) {
|
|||
|
jQuery('#back-top').fadeIn();
|
|||
|
} else {
|
|||
|
jQuery('#back-top').fadeOut();
|
|||
|
}
|
|||
|
});
|
|||
|
|
|||
|
});
|
|||
|
|
|||
|
|
|||
|
// fade in nav
|
|||
|
jQuery(function () {
|
|||
|
jQuery(window).scroll(function () {
|
|||
|
if (jQuery(this).scrollTop() > 200) {
|
|||
|
jQuery('#nav-flyin').fadeIn();
|
|||
|
} else {
|
|||
|
jQuery('#nav-flyin').fadeOut();
|
|||
|
}
|
|||
|
});
|
|||
|
|
|||
|
});
|
|||
|
|
|||
|
|
|||
|
//scroll
|
|||
|
|
|||
|
jQuery('a[href^="#"]').on('click',function (e) {
|
|||
|
e.preventDefault();
|
|||
|
|
|||
|
var target = this.hash;
|
|||
|
var $target = jQuery(target);
|
|||
|
|
|||
|
jQuery('html, body').stop().animate({
|
|||
|
'scrollTop': $target.offset().top
|
|||
|
}, 500, function () {
|
|||
|
window.location.hash = target;
|
|||
|
});
|
|||
|
});
|
|||
|
|
|||
|
|
|||
|
}); // ready
|
|||
|
|