core/skin/creativewebstudio.ru/js/main.js

688 lines
21 KiB
JavaScript
Raw Normal View History

2022-12-17 18:15:09 +05:00
jQuery(window).on("load", function () {
/* ===================================
Loading Timeout
====================================== */
setTimeout(function () {
$("#loader").fadeOut("slow");
}, 3000);
});
jQuery(function ($) {
"use strict";
//check for browser os
var isMobile = false;
var isiPhoneiPad = false;
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
isMobile = true;
}
if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
isiPhoneiPad = true;
}
/* ===================================
Animated Counter
====================================== */
$('.count').each(function () {
$(this).prop('Counter', 0).animate({
Counter: $(this).text()
}, {
duration: 2000,
easing: 'swing',
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
/* ===================================
Animated Progress Bar
====================================== */
$(".progress-bar").each(function () {
$(this).appear(function () {
$(this).animate({width: $(this).attr("aria-valuenow") + "%"}, 2000)
});
});
/* ===================================
Header Appear On Scroll
====================================== */
$(window).on('scroll', function () {
if ($(this).scrollTop() > 70) { // Set position from top to add class
$('header').addClass('sticky header-appear');
$('.left-logo .navbar-brand').addClass("display_none");
}
else {
$('header').removeClass('sticky header-appear');
$('.left-logo .navbar-brand').removeClass("display_none");
}
});
// fixing bottom nav to top on scrolliing
var $fixednav = $(".bottom-nav .navbar-fixed-top");
$(window).on("scroll", function () {
var $heightcalc = $(window).height() - $fixednav.height();
if ($(this).scrollTop() > $heightcalc) {
$fixednav.addClass("navbar-bottom-top");
} else {
$fixednav.removeClass("navbar-bottom-top");
}
});
/* =====================================
Parallax
====================================== */
if ($(window).width() > 992) {
$(".parallax").parallaxie({
speed: 0.55,
offset:0,
});
}
/* =====================================
Scroll
====================================== */
//scroll to appear
$(window).on('scroll', function () {
if ($(this).scrollTop() > 150)
$('.scroll-top-arrow').fadeIn('slow');
else
$('.scroll-top-arrow').fadeOut('slow');
});
//Click event to scroll to top
$(document).on('click', '.scroll-top-arrow', function () {
$('html, body').animate({scrollTop: 0}, 800);
return false;
});
//scroll sections
$(".scroll").on('click', function (event) {
event.preventDefault();
$('html,body').animate({scrollTop: $(this.hash).offset().top}, 750);
});
/*==============================================================
Rotating Text
==============================================================*/
$("#js-rotating").Morphext({
// The [in] animation type. Refer to Animate.css for a list of available animations.
animation: "flipInX",
// An array of phrases to rotate are created based on this separator. Change it if you wish to separate the phrases differently (e.g. So Simple | Very Doge | Much Wow | Such Cool).
separator: ",",
// The delay between the changing of each phrase in milliseconds.
speed: 3000,
complete: function () {
// Called after the entrance animation is executed.
}
});
/*==============================================================
equal Hieght
==============================================================*/
var $window = $(window);
var windowsize = $(window).width();
checheight();
$window.on("resize", function () {
checheight();
});
function checheight() {
var $smae_height = $(".equalheight");
if ($smae_height.length) {
if (windowsize > 767) {
$smae_height.matchHeight({
property: "height",
});
}
}
}
/* =====================================
Side Nav Absolute
====================================== */
if ($("body").hasClass("side-nav")) {
var $menuLeft = $(".pushmenu-left");
var $menuRight = $(".pushmenu-right");
var $toggleleft = $(".menu_bars.left");
var $toggleright = $(".menu_bars.right");
$toggleright.on("click", function () {
$('.menu_bars').toggleClass("active");
$menuRight.toggleClass("pushmenu-open");
$("body").toggleClass("pushmenu-push-toLeft");
$(".navbar").toggleClass("navbar-right_open");
return false;
});
$('.push_nav li a').on('click', function () {
$toggleright.toggleClass("active");
$menuRight.toggleClass("pushmenu-open");
$("body").toggleClass("pushmenu-push-toLeft");
$(".navbar").toggleClass("navbar-right_open");
return true;
});
}
/* =====================================
Wow
====================================== */
if ($(window).width() > 767) {
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: false,
live: true
});
new WOW().init();
}
/*==============================================================
magnificPopup Start
==============================================================*/
$('.header-search-form').magnificPopup({
mainClass: 'mfp-fade',
closeOnBgClick: true,
preloader: false,
// for white background
fixedContentPos: false,
closeBtnInside: false,
callbacks: {
open: function () {
setTimeout(function () {
$('.search-input').focus();
}, 500);
$('.filtering-demo .active').click();
$('#search-header').parent().addClass('search-popup');
if (!isMobile) {
$('body').addClass('overflow-hidden');
//$('body').addClass('position-fixed');
$('body').addClass('width-100');
} else {
$('body, html').on('touchmove', function (e) {
e.preventDefault();
});
}
},
close: function () {
if (!isMobile) {
$('body').removeClass('overflow-hidden');
//$('body').removeClass('position-fixed');
$('body').removeClass('width-100');
} else {
$('body, html').unbind('touchmove');
}
}
}
});
/* ===================================
Portfolio Filter
====================================== */
// isotope
$('.gallery').isotope({
// options
itemSelector: '.items'
});
var $gallery = $('.gallery').isotope({
// options
});
// filter items on button click
$('.filtering').on('click', 'span', function () {
var filterValue = $(this).attr('data-filter');
$gallery.isotope({filter: filterValue});
});
$('.filtering').on('click', 'span', function () {
$(this).addClass('active').siblings().removeClass('active');
});
setTimeout(function (){
$('.filtering .active').click();
}, 4500);
/*==============================================================
Owl Carousel
==============================================================*/
var owl5 = $('.owl-client');
owl5.owlCarousel({
dots:false,
responsiveClass: true,
responsive: {
0: {
items: 1,
},
767: {
items: 3,
},
1000: {
items: 5,
}
}
});
var owl4 = $('.owl-testimonial-two');
owl4.owlCarousel({
loop: true,
margin: 0,
navSpeed: 500,
items: 1,
nav: true,
dots: false,
animateOut: 'fadeOut',
animateIn: 'fadeIn',
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
responsiveClass: true,
responsive: {
0: {
nav: false,
mouseDrag: true,
autoplay: false,
animate: false,
},
767: {
nav: true,
mouseDrag: false
}
}
});
/*Services Box Slider*/
$("#services-slider").owlCarousel({
autoplay: true,
autoplayTimeout: 3000,
autoplayHoverPause: true,
smartSpeed: 1200,
loop: true,
nav: false,
navText: false,
dots: false,
mouseDrag: true,
touchDrag: true,
center: true,
responsive: {
0: {
items: 1
},
640: {
items: 3
}
}
});
/*==============================================================
Slider Revolution
==============================================================*/
$("#rev_slider_5_1").show().revolution({
sliderType: "standard",
jsFileLocation: "//localhost:82/revslider/revslider/public/assets/js/",
sliderLayout: "fullscreen",
dottedOverlay: "none",
delay: 9000,
navigation: {},
responsiveLevels: [1240, 1024, 778, 480],
visibilityLevels: [1240, 1024, 778, 480],
gridwidth: [1240, 1024, 778, 480],
gridheight: [868, 768, 960, 720],
lazyType: "none",
parallax: {
type: "mouse",
origo: "slidercenter",
speed: 2000,
speedbg: 0,
speedls: 0,
levels: [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 55],
disable_onmobile: "on"
},
shadow: 0,
spinner: "off",
autoHeight: "off",
fullScreenAutoWidth: "off",
fullScreenAlignForce: "off",
fullScreenOffsetContainer: "",
fullScreenOffset: "",
disableProgressBar: "on",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
disableFocusListener: false,
}
});
$("#rev_slider_2_2").show().revolution({
sliderType: "standard",
sliderLayout: "fullscreen",
dottedOverlay: "none",
delay: 9000,
navigation: {
onHoverStop: "off"
},
responsiveLevels: [1240, 1024, 778, 480],
visibilityLevels: [1240, 1024, 778, 480],
gridwidth: [1240, 1024, 778, 480],
gridheight: [600, 600, 500, 400],
lazyType: "none",
shadow: 0,
spinner: "off",
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle: "off",
autoHeight: "off",
disableProgressBar: "on",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false
}
});
$("#banner-main").show().revolution({
sliderType: "standard",
sliderLayout: "fullscreen",
scrollbarDrag: "true",
dottedOverlay: "none",
navigation: {
keyboardNavigation: "off",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
bullets: {
style: "",
enable: true,
rtl: false,
hide_onmobile: false,
hide_onleave: false,
hide_under: 767,
hide_over: 9999,
tmp: '',
direction: "vertical",
space: 10,
h_align: "right",
v_align: "center",
h_offset: 40,
v_offset: 0
},
arrows: {
enable: false,
hide_onmobile: true,
hide_onleave: false,
hide_under: 767,
left: {
h_align: "left",
v_align: "center",
h_offset: 20,
v_offset: 30,
},
right: {
h_align: "right",
v_align: "center",
h_offset: 20,
v_offset: 30
},
},
touch: {
touchenabled: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false,
}
},
viewPort: {
enable: true,
outof: "pause",
visible_area: "90%"
},
responsiveLevels: [4096, 1024, 778, 480],
gridwidth: [1140, 1024, 750, 480],
gridheight: [600, 500, 500, 350],
lazyType: "none",
parallax: {
type: "mouse",
origo: "slidercenter",
speed: 9000,
levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
},
shadow: 0,
spinner: "off",
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle: "off",
autoHeight: "off",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
$("#rev_slider_1078_1").show().revolution({
sliderType: "standard",
jsFileLocation: "revolution/js/",
sliderLayout: "fullscreen",
dottedOverlay: "none",
delay: 9000,
navigation: {
keyboardNavigation: "on",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
mouseScrollReverse: "default",
onHoverStop: "off",
touch: {
touchenabled: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
},
arrows: {
style: "zeus",
enable: true,
hide_onmobile: true,
hide_under: 600,
hide_onleave: true,
hide_delay: 200,
hide_delay_mobile: 1200,
tmp: '<div class="tp-title-wrap"> <div class="tp-arr-imgholder"></div> </div>',
left: {
h_align: "left",
v_align: "center",
h_offset: 30,
v_offset: 0
},
right: {
h_align: "right",
v_align: "center",
h_offset: 30,
v_offset: 0
}
},
bullets: {
enable: true,
hide_onmobile: false,
hide_under: 300,
style: "hermes",
hide_onleave: false,
hide_delay: 200,
hide_delay_mobile: 1200,
direction: "horizontal",
h_align: "center",
v_align: "bottom",
h_offset: 0,
v_offset: 30,
space: 8,
tmp: '<span class="tp-bullet-img-wrap"> <span class="tp-bullet-image"></span></span><span class="tp-bullet-title">{{title}}</span>'
}
},
viewPort: {
enable: true,
outof: "pause",
visible_area: "80%",
presize: false
},
responsiveLevels: [1240, 1024, 778, 480],
visibilityLevels: [1240, 1024, 778, 480],
gridwidth: [1240, 1024, 778, 480],
gridheight: [600, 600, 500, 400],
lazyType: "none",
parallax: {
type: "mouse",
origo: "slidercenter",
speed: 2000,
levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50, 46, 47, 48, 49, 50, 55]
},
shadow: 0,
spinner: "off",
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle: "off",
autoHeight: "off",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false
}
});
/*arrows thumb Slider*/
$("#rev_arrows").show().revolution({
sliderType: "standard",
jsFileLocation: "js/revolution/",
sliderLayout: "fullwidth",
dottedOverlay: "none",
delay: 9000,
navigation: {
keyboardNavigation: "off",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
mouseScrollReverse: "default",
onHoverStop: "off",
touch: {
touchenabled: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
},
arrows: {
style: "zeus",
enable: true,
hide_onmobile: true,
hide_under: 600,
hide_onleave: true,
hide_delay: 200,
hide_delay_mobile: 1200,
tmp: '<div class="tp-title-wrap"> <div class="tp-arr-imgholder"></div> </div>',
left: {
h_align: "left",
v_align: "center",
h_offset: 30,
v_offset: 0
},
right: {
h_align: "right",
v_align: "center",
h_offset: 30,
v_offset: 0
}
}
},
viewPort: {
enable: true,
outof: "pause",
visible_area: "80%",
presize: false
},
responsiveLevels: [1240, 1024, 778, 480],
visibilityLevels: [1240, 1024, 778, 480],
gridwidth: [1140, 1024, 768, 480],
gridheight: [660, 650, 600, 490],
lazyType: "none",
parallax: {
type: "mouse",
origo: "slidercenter",
speed: 2000,
speedbg: 0,
speedls: 0,
levels: [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 20, 25, 55],
disable_onmobile: "on"
},
shadow: 0,
spinner: "off",
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle: "off",
autoHeight: "off",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
});