?
| Current Path : /home/webyoo/www/events/crm/photographer/js/ |
| Current File : /home/webyoo/www/events/crm/photographer/js/script.js |
$(window).on("load", function () {
"use strict";
/* ===================================
Loading Timeout
====================================== */
$('.side-menu').removeClass('hidden');
setTimeout(function(){
$('.loader-bg').fadeToggle();
}, 1500);
$('.navbar-collapse .navbar-nav .nav-link:nth-child(1)').addClass('active');
$('.navbar-collapse .navbar-nav .nav-link:nth-child(2)').removeClass('active');
});
jQuery(function ($) {
"use strict";
$(window).on('scroll', function () {
if ($(this).scrollTop() > 260) { // Set position from top to add class
$('header').addClass('header-appear');
} else {
$('header').removeClass('header-appear');
}
});
//scroll to appear
$(window).on('scroll', function () {
if ($(this).scrollTop() > 500)
$('.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").on("click", function (event) {
event.preventDefault();
$("html,body").animate({
scrollTop: $(this.hash).offset().top - 80
}, 1200);
});
$(".scroll-1").on("click", function (event) {
event.preventDefault();
$("html,body").animate({
scrollTop: $(this.hash).offset().top - 200
}, 1200);
});
/* ===================================
Side Menu
====================================== */
if ($("#sidemenu_toggle").length) {
$("#sidemenu_toggle").on("click", function () {
$(".pushwrap").toggleClass("active");
$(".side-menu").addClass("side-menu-active"), $("#close_side_menu").fadeIn(700)
}), $("#close_side_menu").on("click", function () {
$(".side-menu").removeClass("side-menu-active"), $(this).fadeOut(200), $(".pushwrap").removeClass("active")
}), $(".side-nav .navbar-nav .nav-link").on("click", function () {
$(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active")
}), $("#btn_sideNavClose").on("click", function () {
$(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active")
});
}
});
/* ===================================
Mouse parallax
====================================== */
if ($(window).width() > 991) {
$('.home-banner').mousemove(function(e) {
$('[data-depth]').each(function () {
var depth = $(this).data('depth');
var amountMovedX = (e.pageX * -depth/4);
var amountMovedY = (e.pageY * -depth/4);
$(this).css({
'transform':'translate3d(' + amountMovedX +'px,' + amountMovedY +'px, 0)',
});
});
});
}
/* ===================================
WOW Animation
====================================== */
if ($(window).width() > 991) {
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: false,
live: true
});
new WOW().init();
}
/* ===================================
Counter
====================================== */
$('.count').each(function () {
$(this).appear(function () {
$(this).prop('Counter', 0).animate({
Counter: $(this).text()
}, {
duration: 3000,
easing: 'swing',
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
});
$(".progress-bar").each(function () {
$(this).appear(function () {
$(this).animate({width: $(this).attr("aria-valuenow") + "%"}, 3000)
});
});
/* ===================================
Portfolio
====================================== */
$('.portfolio-carousel').owlCarousel({
loop:true,
margin:10,
slideSpeed: 5000,
slideTransition:'linear',
nav:false,
dots:false,
autoplay:false,
autoplayTimeout:8000,
autoplayHoverPause:true,
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
},
}
});
$('.portfolio-right-arr').click(function() {
var owl = $('.portfolio-carousel');
owl.owlCarousel();
owl.trigger('next.owl.carousel');
});
$('.portfolio-left-arr').click(function() {
var owl = $('.portfolio-carousel');
owl.owlCarousel();
owl.trigger('prev.owl.carousel');
});
/* =====================================
Clients sec
====================================== */
$('.clients').owlCarousel({
loop:true,
margin:0,
slideSpeed: 5000,
slideTransition:'linear',
nav:false,
dots:false,
autoplay:true,
autoplayTimeout:5000,
autoplayHoverPause:false,
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
},
}
});