107 lines
2.2 KiB
JavaScript
Executable File
107 lines
2.2 KiB
JavaScript
Executable File
// jQuery to collapse the navbar on scroll
|
|
$(window).scroll(function() {
|
|
if ($(".navbar").offset().top > 50) {
|
|
$(".navbar-fixed-top").addClass("top-nav-collapse");
|
|
} else {
|
|
$(".navbar-fixed-top").removeClass("top-nav-collapse");
|
|
}
|
|
});
|
|
|
|
//jQuery for page scrolling feature - requires jQuery Easing plugin
|
|
$(function() {
|
|
$('.page-scroll a').bind('click', function(event) {
|
|
var $anchor = $(this);
|
|
$('html, body').stop().animate({
|
|
scrollTop: $($anchor.attr('href')).offset().top
|
|
}, 1500, 'easeInOutExpo');
|
|
event.preventDefault();
|
|
});
|
|
});
|
|
|
|
|
|
// Slit Slider
|
|
$(function() {
|
|
|
|
var Page = (function() {
|
|
|
|
var $navArrows = $( '#nav-arrows' ),
|
|
$nav = $( '#nav-dots > span' ),
|
|
slitslider = $( '#slider' ).slitslider( {
|
|
autoplay : true,
|
|
keyboard : true,
|
|
interval : 5000,
|
|
onBeforeChange : function( slide, pos ) {
|
|
|
|
$nav.removeClass( 'nav-dot-current' );
|
|
$nav.eq( pos ).addClass( 'nav-dot-current' );
|
|
|
|
}
|
|
} ),
|
|
|
|
init = function() {
|
|
|
|
initEvents();
|
|
|
|
},
|
|
initEvents = function() {
|
|
|
|
// add navigation events
|
|
$navArrows.children( ':last' ).on( 'click', function() {
|
|
|
|
slitslider.next();
|
|
return false;
|
|
|
|
} );
|
|
|
|
$navArrows.children( ':first' ).on( 'click', function() {
|
|
|
|
slitslider.previous();
|
|
return false;
|
|
|
|
} );
|
|
|
|
$nav.each( function( i ) {
|
|
|
|
$( this ).on( 'click', function( event ) {
|
|
|
|
var $dot = $( this );
|
|
|
|
if( !slitslider.isActive() ) {
|
|
|
|
$nav.removeClass( 'nav-dot-current' );
|
|
$dot.addClass( 'nav-dot-current' );
|
|
|
|
}
|
|
|
|
slitslider.jump( i + 1 );
|
|
return false;
|
|
|
|
} );
|
|
|
|
} );
|
|
|
|
};
|
|
|
|
return { init : init };
|
|
|
|
})();
|
|
|
|
Page.init();
|
|
|
|
/**
|
|
* Notes:
|
|
*
|
|
* example how to add items:
|
|
*/
|
|
|
|
/*
|
|
|
|
var $items = $('<div class="sl-slide sl-slide-color-2" data-orientation="horizontal" data-slice1-rotation="-5" data-slice2-rotation="10" data-slice1-scale="2" data-slice2-scale="1"><div class="sl-slide-inner bg-1"><div class="sl-deco" data-icon="t"></div><h2>some text</h2><blockquote><p>bla bla</p><cite>Margi Clarke</cite></blockquote></div></div>');
|
|
|
|
// call the plugin's add method
|
|
ss.add($items);
|
|
|
|
*/
|
|
|
|
});
|