mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2026-02-04 17:40:04 +00:00
Website templates
This commit is contained in:
Dawid Olko
@@ -0,0 +1,137 @@
|
||||
/*global jQuery:false */
|
||||
jQuery(document).ready(function($) {
|
||||
"use strict";
|
||||
|
||||
|
||||
//add some elements with animate effect
|
||||
|
||||
$(".big-cta").hover(
|
||||
function () {
|
||||
$('.cta a').addClass("animated shake");
|
||||
},
|
||||
function () {
|
||||
$('.cta a').removeClass("animated shake");
|
||||
}
|
||||
);
|
||||
$(".box").hover(
|
||||
function () {
|
||||
$(this).find('.icon').addClass("animated fadeInDown");
|
||||
$(this).find('p').addClass("animated fadeInUp");
|
||||
},
|
||||
function () {
|
||||
$(this).find('.icon').removeClass("animated fadeInDown");
|
||||
$(this).find('p').removeClass("animated fadeInUp");
|
||||
}
|
||||
);
|
||||
|
||||
|
||||
$('.accordion').on('show', function (e) {
|
||||
|
||||
$(e.target).prev('.accordion-heading').find('.accordion-toggle').addClass('active');
|
||||
$(e.target).prev('.accordion-heading').find('.accordion-toggle i').removeClass('icon-plus');
|
||||
$(e.target).prev('.accordion-heading').find('.accordion-toggle i').addClass('icon-minus');
|
||||
});
|
||||
|
||||
$('.accordion').on('hide', function (e) {
|
||||
$(this).find('.accordion-toggle').not($(e.target)).removeClass('active');
|
||||
$(this).find('.accordion-toggle i').not($(e.target)).removeClass('icon-minus');
|
||||
$(this).find('.accordion-toggle i').not($(e.target)).addClass('icon-plus');
|
||||
});
|
||||
|
||||
|
||||
// tooltip
|
||||
$('.social-network li a, .options_box .color a').tooltip();
|
||||
|
||||
// fancybox
|
||||
$(".fancybox").fancybox({
|
||||
padding : 0,
|
||||
autoResize: true,
|
||||
beforeShow: function () {
|
||||
this.title = $(this.element).attr('title');
|
||||
this.title = '<h4>' + this.title + '</h4>' + '<p>' + $(this.element).parent().find('img').attr('alt') + '</p>';
|
||||
},
|
||||
helpers : {
|
||||
title : { type: 'inside' },
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//scroll to top
|
||||
$(window).scroll(function(){
|
||||
if ($(this).scrollTop() > 100) {
|
||||
$('.scrollup').fadeIn();
|
||||
} else {
|
||||
$('.scrollup').fadeOut();
|
||||
}
|
||||
});
|
||||
$('.scrollup').click(function(){
|
||||
$("html, body").animate({ scrollTop: 0 }, 1000);
|
||||
return false;
|
||||
});
|
||||
$('#post-slider').flexslider({
|
||||
// Primary Controls
|
||||
controlNav : false, //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
|
||||
directionNav : true, //Boolean: Create navigation for previous/next navigation? (true/false)
|
||||
prevText : "Previous", //String: Set the text for the "previous" directionNav item
|
||||
nextText : "Next", //String: Set the text for the "next" directionNav item
|
||||
|
||||
// Secondary Navigation
|
||||
keyboard : true, //Boolean: Allow slider navigating via keyboard left/right keys
|
||||
multipleKeyboard : false, //{NEW} Boolean: Allow keyboard navigation to affect multiple sliders. Default behavior cuts out keyboard navigation with more than one slider present.
|
||||
mousewheel : false, //{UPDATED} Boolean: Requires jquery.mousewheel.js (https://github.com/brandonaaron/jquery-mousewheel) - Allows slider navigating via mousewheel
|
||||
pausePlay : false, //Boolean: Create pause/play dynamic element
|
||||
pauseText : 'Pause', //String: Set the text for the "pause" pausePlay item
|
||||
playText : 'Play', //String: Set the text for the "play" pausePlay item
|
||||
|
||||
// Special properties
|
||||
controlsContainer : "", //{UPDATED} Selector: USE CLASS SELECTOR. Declare which container the navigation elements should be appended too. Default container is the FlexSlider element. Example use would be ".flexslider-container". Property is ignored if given element is not found.
|
||||
manualControls : "", //Selector: Declare custom control navigation. Examples would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
|
||||
sync : "", //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care.
|
||||
asNavFor : "", //{NEW} Selector: Internal property exposed for turning the slider into a thumbnail navigation for another slider
|
||||
});
|
||||
|
||||
$('#main-slider').flexslider({
|
||||
namespace : "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin
|
||||
selector : ".slides > li", //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
|
||||
animation : "fade", //String: Select your animation type, "fade" or "slide"
|
||||
easing : "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
|
||||
direction : "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"
|
||||
reverse : false, //{NEW} Boolean: Reverse the animation direction
|
||||
animationLoop : true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
|
||||
smoothHeight : false, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
|
||||
startAt : 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide)
|
||||
slideshow : true, //Boolean: Animate slider automatically
|
||||
slideshowSpeed : 7000, //Integer: Set the speed of the slideshow cycling, in milliseconds
|
||||
animationSpeed : 600, //Integer: Set the speed of animations, in milliseconds
|
||||
initDelay : 0, //{NEW} Integer: Set an initialization delay, in milliseconds
|
||||
randomize : false, //Boolean: Randomize slide order
|
||||
|
||||
// Usability features
|
||||
pauseOnAction : true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
|
||||
pauseOnHover : false, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
|
||||
useCSS : true, //{NEW} Boolean: Slider will use CSS3 transitions if available
|
||||
touch : true, //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
|
||||
video : false, //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
|
||||
|
||||
// Primary Controls
|
||||
controlNav : true, //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
|
||||
directionNav : true, //Boolean: Create navigation for previous/next navigation? (true/false)
|
||||
prevText : "Previous", //String: Set the text for the "previous" directionNav item
|
||||
nextText : "Next", //String: Set the text for the "next" directionNav item
|
||||
|
||||
// Secondary Navigation
|
||||
keyboard : true, //Boolean: Allow slider navigating via keyboard left/right keys
|
||||
multipleKeyboard : false, //{NEW} Boolean: Allow keyboard navigation to affect multiple sliders. Default behavior cuts out keyboard navigation with more than one slider present.
|
||||
mousewheel : false, //{UPDATED} Boolean: Requires jquery.mousewheel.js (https://github.com/brandonaaron/jquery-mousewheel) - Allows slider navigating via mousewheel
|
||||
pausePlay : false, //Boolean: Create pause/play dynamic element
|
||||
pauseText : 'Pause', //String: Set the text for the "pause" pausePlay item
|
||||
playText : 'Play', //String: Set the text for the "play" pausePlay item
|
||||
|
||||
// Special properties
|
||||
controlsContainer : "", //{UPDATED} Selector: USE CLASS SELECTOR. Declare which container the navigation elements should be appended too. Default container is the FlexSlider element. Example use would be ".flexslider-container". Property is ignored if given element is not found.
|
||||
manualControls : "", //Selector: Declare custom control navigation. Examples would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
|
||||
sync : "", //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care.
|
||||
asNavFor : "", //{NEW} Selector: Internal property exposed for turning the slider into a thumbnail navigation for another slider
|
||||
});
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user