| Current File : /home/getxxhzo/tinyrnd.com/wp-content/themes/flyweb/js/main.js |
/*-----------------------------------------------------------------------------------
Theme Name: Flyweb - Web Design Agency WordPress Theme
Description: Web Design Agency WordPress Theme
Author: Website Layout
Version: 1.1
/* ----------------------------------
JS Active Code Index
01. Preloader
02. Sticky Header
03. Scroll To Top
04. Parallax
05. Video
06. Wow animation - on scroll
07. Resize function
08. FullScreenHeight function
09. ScreenFixedHeight function
10. FullScreenHeight and screenHeight with resize function
11. Sliders
12. CountUp
13. Countdown
14. Current Year
15. Gallery
---------------------------------- */
(function($) {
"use strict";
var $window = $(window);
/*------------------------------------
01. Preloader
--------------------------------------*/
$('#preloader').fadeOut('normall', function() {
$(this).remove();
});
/*------------------------------------
02. Sticky Header
--------------------------------------*/
$window.on('scroll', function() {
var scroll = $window.scrollTop();
var offsetTop = $('.navbar-default').outerHeight();
var offsetTopAnimation = offsetTop + 200;
if (scroll < offsetTopAnimation) {
$("header").removeClass("scrollHeader").addClass("fixedHeader");
}
else {
$("header").removeClass("fixedHeader").addClass("scrollHeader");
$(".fixed-header header").removeClass("scrollHeader").addClass("fixedHeader");
}
});
/*------------------------------------
03. Scroll To Top
--------------------------------------*/
$window.on('scroll', function() {
if ($(this).scrollTop() > 500) {
$(".scroll-to-top").fadeIn(400);
} else {
$(".scroll-to-top").fadeOut(400);
}
});
$(".scroll-to-top").on('click', function(event) {
event.preventDefault();
$("html, body").animate({
scrollTop: 0
}, 600);
});
/*------------------------------------
04. Parallax
--------------------------------------*/
// sections background image from data background
var pageSection = $(".parallax,.bg-img");
pageSection.each(function(indx) {
if ($(this).attr("data-background")) {
$(this).css("background-image", "url(" + $(this).data("background") + ")");
}
});
/*------------------------------------
05. Video
--------------------------------------*/
// It is for local video
$('.story-video').magnificPopup({
delegate: '.video',
type: 'iframe'
});
/*------------------------------------
06. Wow animation - on scroll
--------------------------------------*/
var wow = new WOW({
boxClass: 'wow', // default
animateClass: 'animated', // default
offset: 0, // default
mobile: false, // default
live: true // default
})
wow.init();
/*------------------------------------
07. Resize function
--------------------------------------*/
$window.resize(function(event) {
setTimeout(function() {
SetResizeContent();
}, 500);
event.preventDefault();
});
/*------------------------------------
08. FullScreenHeight function
--------------------------------------*/
function fullScreenHeight() {
var element = $(".full-screen");
var $minheight = $window.height();
element.css('min-height', $minheight);
}
/*------------------------------------
09. ScreenFixedHeight function
--------------------------------------*/
function ScreenFixedHeight() {
var $headerHeight = $("header").height();
var element = $(".screen-height");
var $screenheight = $window.height() - $headerHeight;
element.css('height', $screenheight);
}
/*------------------------------------
10. FullScreenHeight and screenHeight with resize function
--------------------------------------*/
function SetResizeContent() {
fullScreenHeight();
ScreenFixedHeight();
if ($(window).width() < 992) {
$(".navbar-nav .dropdown-menu.sub-menu").css("display", "none");
}
}
SetResizeContent();
// === when document ready === //
$(document).ready(function(){
/*------------------------------------
11. Sliders
--------------------------------------*/
// blog-carousel
$('.blog-carousel').owlCarousel({
loop: true,
responsiveClass: true,
autoplay: true,
autoplayTimeout: 5000,
smartSpeed: 1500,
nav: false,
dots: true,
center:false,
margin: 30,
responsive: {
0: {
items: 1
},
768: {
items: 2
},
992: {
items: 2
},
1200: {
items: 3
}
}
});
// testimonial-carousel3
$('.testimonial-carousel3').owlCarousel({
loop: true,
responsiveClass: true,
nav: false,
dots: false,
margin: 0,
autoplay: true,
thumbs: true,
thumbsPrerendered: true,
autoplayTimeout: 5000,
smartSpeed:800,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 1
}
}
});
// testmonial-carousel
$('.testimonial-carousel-02').owlCarousel({
loop: true,
responsiveClass: true,
autoplay: true,
smartSpeed: 1500,
nav: false,
dots: true,
center:false,
margin: 0,
responsive: {
0: {
items: 1,
margin: 0
},
768: {
items: 1
},
992: {
items: 1
},
1200: {
items: 1
}
}
});
// testimonial-carousel4
$('.testimonial-carousel4').owlCarousel({
loop: true,
responsiveClass: true,
nav: true,
navText: ["<i class='ti-arrow-left'></i>", "<i class='ti-arrow-right'></i>"],
dots: false,
margin: 50,
center: false,
autoplay: true,
autoplayTimeout: 5000,
smartSpeed: 1500,
items: 1
});
// testimonial-carousel5
$('.testimonial-carousel5').owlCarousel({
items: 1,
loop: true,
responsiveClass: true,
nav: false,
dots: true,
autoplay: true,
autoplayTimeout: 5000,
margin: 0,
smartSpeed:1500
});
// history-carousel
$('.history-carousel').owlCarousel({
loop: true,
responsiveClass: true,
autoplay: true,
autoplayTimeout: 5000,
smartSpeed: 1500,
nav: false,
dots: false,
center:false,
margin: 0,
responsive: {
0: {
items: 1
},
576: {
items: 1
},
768: {
items: 2
},
992: {
items: 3
}
}
});
// service-carousel
$('.service-carousel').owlCarousel({
loop: true,
responsiveClass: true,
autoplay: true,
autoplayTimeout: 5000,
smartSpeed: 1500,
nav: false,
dots: true,
center:false,
margin: 30,
responsive: {
0: {
items: 1
},
768: {
items: 2
},
1200: {
items: 3
}
}
});
// service-carousel
$('.service-carousel-02').owlCarousel({
loop: true,
responsiveClass: true,
autoplay: true,
autoplayTimeout: 5000,
smartSpeed: 1500,
nav: true,
navText: ["<i class='ti-arrow-left'></i>", "<i class='ti-arrow-right'></i>"],
dots: false,
center:false,
margin: 40,
responsive: {
0: {
items: 1,
dots: true,
nav: false
},
768: {
items: 2,
dots: true,
nav: false
},
992: {
items: 2,
dots: true,
nav: false
},
1200: {
items: 3,
dots: true,
nav: false
},
1400: {
items: 3,
dots: false,
nav: true
}
}
});
// portfolio-carousel-01
$('.portfolio-carousel-01').owlCarousel({
center: false,
items:1,
loop:true,
dots: false,
margin:40,
autoplay: true,
autoplayTimeout: 5000,
smartSpeed: 1500,
responsive:{
0: {
items: 1
},
576: {
items: 2
},
992: {
items: 3
},
1200: {
items: 4
},
1400: {
items: 5
}
}
});
// portfolio-carousel-02
$('.portfolio-carousel-02').owlCarousel({
loop: true,
responsiveClass: true,
autoplay: true,
center: false,
autoplayTimeout: 5000,
smartSpeed: 1500,
nav: true,
navText: ["<i class='ti-arrow-left'></i>", "<i class='ti-arrow-right'></i>"],
dots: false,
margin: 30,
responsive: {
0: {
items: 1,
nav: false
},
576: {
items: 2,
},
1200: {
items: 3
},
1400: {
items: 4
}
}
});
// clients02-carousel
$('.clients02-carousel').owlCarousel({
loop: true,
responsiveClass: true,
autoplay: true,
autoplayTimeout: 5000,
smartSpeed: 1500,
nav: false,
dots: false,
center:false,
margin: 30,
responsive: {
0: {
items: 1
},
576: {
items: 2
},
768: {
items: 2
},
992: {
items: 3
},
1200: {
items: 4
}
}
});
// Sliderfade
$('.slider-fade1').owlCarousel({
items: 1,
loop:true,
dots: true,
margin: 0,
nav: false,
autoplay: true,
smartSpeed:1500,
mouseDrag:false,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
responsive: {
0: {
items: 1,
dots: false
},
576: {
items: 1,
dots: false
},
768: {
items: 1,
dots: true
},
}
});
// Sliderfade2
$('.slider-fade2').owlCarousel({
items: 1,
loop:true,
dots: true,
margin: 0,
nav: false,
navText: ["<i class='fa-solid fa-arrow-left-long'></i>", "<i class='fa-solid fa-arrow-right-long'></i>"],
autoplay:true,
autoplayTimeout: 6000,
smartSpeed:1500,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
responsive: {
992: {
nav: true,
dots: false
}
}
});
// Sliderfade3
$('.slider-fade3').owlCarousel({
items: 1,
loop:true,
dots: true,
margin: 0,
nav: false,
navText: ["<i class='ti-arrow-left'></i>", "<i class='ti-arrow-right'></i>"],
autoplay: true,
smartSpeed:1500,
mouseDrag:false,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
responsive: {
992: {
nav: true,
dots: false
}
}
});
// Default owlCarousel
$('.owl-carousel').owlCarousel({
items: 1,
loop:true,
dots: false,
margin: 0,
autoplay:false,
smartSpeed:500
});
// Slider text animation
var owl = $('.slider-fade1');
owl.on('changed.owl.carousel', function(event) {
var item = event.item.index - 2; // Position of the current item
$('p').removeClass('animated fadeInUp');
$('h1').removeClass('animated fadeInUp');
$('a').removeClass('animated fadeInUp');
$('.owl-item').not('.cloned').eq(item).find('p').addClass('animated fadeInUp');
$('.owl-item').not('.cloned').eq(item).find('h1').addClass('animated fadeInUp');
$('.owl-item').not('.cloned').eq(item).find('a').addClass('animated fadeInUp');
});
// Slider text animation
var owl = $('.slider-fade3');
owl.on('changed.owl.carousel', function(event) {
var item = event.item.index - 2; // Position of the current item
$('.small-title').removeClass('animated fadeInUp');
$('.title').removeClass('animated fadeInUp');
$('.btn-style1').removeClass('animated fadeInUp');
$('.owl-item').not('.cloned').eq(item).find('.small-title').addClass('animated fadeInUp');
$('.owl-item').not('.cloned').eq(item).find('.title').addClass('animated fadeInUp');
$('.owl-item').not('.cloned').eq(item).find('.btn-style1').addClass('animated fadeInUp');
});
/*------------------------------------
12. CountUp
--------------------------------------*/
$('.countup').counterUp({
delay: 25,
time: 2000
});
/*------------------------------------
13. Countdown
--------------------------------------*/
// CountDown for coming soon page
$(".countdown").countdown({
date: "01 Oct 2026 00:01:00", //set your date and time. EX: 15 May 2025 12:00:00
format: "on"
});
/*------------------------------------
14. Current Year
--------------------------------------*/
$('.current-year').text(new Date().getFullYear());
$( ".navbar-nav li.has-sub" ).removeClass( "active" );
if($('header').hasClass('header-style1')) {
$('body').addClass('header-style1');
}
if($('header').hasClass('header-style2')) {
$('body').addClass('header-style2');
}
if($('header').hasClass('header-style3')) {
$('body').addClass('header-style3');
}
});
// === when window loading === //
$window.on("load", function() {
/*------------------------------------
15. Gallery
--------------------------------------*/
$('.portfolio-gallery').lightGallery();
$('.portfolio-link').on('click', (e) => {
e.stopPropagation();
});
});
})(jQuery);