Changes to web templates
This commit is contained in:
Ubuntu
@ -1,5 +1,246 @@
|
||||
(function($){("use strict");Pace.Options={ajax:!1,document:!1,eventLag:!1,};Pace.on("done",function(){$("#preloader").addClass("isdone");$(".loading").addClass("isdone")});function mousecursor(){if($("body")){const e=document.querySelector(".cursor-inner"),t=document.querySelector(".cursor-outer");let n,i=0,o=!1;(window.onmousemove=function(s){o||(t.style.transform="translate("+s.clientX+"px, "+s.clientY+"px)"),(e.style.transform="translate("+s.clientX+"px, "+s.clientY+"px)"),(n=s.clientY),(i=s.clientX)}),$("body").on("mouseenter","a, .cursor-pointer",function(){e.classList.add("cursor-hover"),t.classList.add("cursor-hover")}),$("body").on("mouseleave","a, .cursor-pointer",function(){($(this).is("a")&&$(this).closest(".cursor-pointer").length)||(e.classList.remove("cursor-hover"),t.classList.remove("cursor-hover"))}),(e.style.visibility="visible"),(t.style.visibility="visible")}}
|
||||
$(function(){mousecursor()});$(".header-area nav").meanmenu();var fixed_top=$(".header-area");$(window).on("scroll",function(){if($(this).scrollTop()>300){fixed_top.addClass("menu-fixed animated fadeInDown")}else{fixed_top.removeClass("menu-fixed fadeInDown")}});$(window).scroll(function(){var scrollPos=$(document).scrollTop();$("section").each(function(){var offsetTop=$(this).offset().top;var height=$(this).height();var id=$(this).attr("id");if(scrollPos>=offsetTop&&scrollPos<offsetTop+height){$('nav a[href="#'+id+'"]').addClass("primary-color")}else{$('nav a[href="#'+id+'"]').removeClass("primary-color")}})});function setThemeColor(color){const root=document.documentElement;root.setAttribute("data-theme",color)}
|
||||
var $searchWrap=$(".search-wrap");var $navSearch=$(".nav-search");var $searchClose=$("#search-close");$(".search-trigger").on("click",function(e){e.preventDefault();$searchWrap.animate({opacity:"toggle"},500);$navSearch.add($searchClose).addClass("open")});$(".search-close").on("click",function(e){e.preventDefault();$searchWrap.animate({opacity:"toggle"},500);$navSearch.add($searchClose).removeClass("open")});function closeSearch(){$searchWrap.fadeOut(200);$navSearch.add($searchClose).removeClass("open")}
|
||||
$(document.body).on("click",function(e){closeSearch()});$(".search-trigger, .main-search-input").on("click",function(e){e.stopPropagation()});var sliderActive1=".banner__slider";var sliderInit1=new Swiper(sliderActive1,{loop:!0,slidesPerView:1,effect:"fade",speed:3000,autoplay:{delay:7000,disableOnInteraction:!1,},pagination:{el:".banner__dot",clickable:!0,},});function animated_swiper(selector,init){var animated=function animated(){$(selector+" [data-animation]").each(function(){var anim=$(this).data("animation");var delay=$(this).data("delay");var duration=$(this).data("duration");$(this).removeClass("anim"+anim).addClass(anim+" animated").css({webkitAnimationDelay:delay,animationDelay:delay,webkitAnimationDuration:duration,animationDuration:duration,}).one("animationend",function(){$(this).removeClass(anim+" animated")})})};animated();init.on("slideChange",function(){$(sliderActive1+" [data-animation]").removeClass("animated")});init.on("slideChange",animated)}
|
||||
animated_swiper(sliderActive1,sliderInit1);var swiper=new Swiper(".case__slider",{loop:"true",spaceBetween:24,speed:800,autoplay:{delay:4000,disableOnInteraction:!1,},breakpoints:{1440:{slidesPerView:4,},992:{slidesPerView:3,},575:{slidesPerView:2,},320:{slidesPerView:1,},},pagination:{el:".case__dot",clickable:!0,},});var swiper=new Swiper(".case-two__slider",{loop:"true",spaceBetween:24,speed:500,autoplay:{delay:4000,disableOnInteraction:!1,},navigation:{nextEl:".case__arry-next",prevEl:".case__arry-prev",},breakpoints:{1440:{slidesPerView:4,},992:{slidesPerView:3,},575:{slidesPerView:2,},320:{slidesPerView:1,},},});var swiper=new Swiper(".brand__slider",{loop:"true",spaceBetween:30,speed:300,autoplay:{delay:3000,disableOnInteraction:!1,},breakpoints:{1200:{slidesPerView:5,},992:{slidesPerView:4,},575:{slidesPerView:3,},320:{slidesPerView:2,},},});var swiper=new Swiper(".testimonial__slider",{loop:"true",spaceBetween:30,speed:300,autoplay:{delay:3000,disableOnInteraction:!1,},navigation:{nextEl:".testimonial__arry-next",prevEl:".testimonial__arry-prev",},});var swiper=new Swiper(".testimonial-two__slider",{loop:"true",spaceBetween:24,speed:800,autoplay:{delay:4000,disableOnInteraction:!1,},breakpoints:{992:{slidesPerView:2,},320:{slidesPerView:1,},},pagination:{el:".testimonial__dot",clickable:!0,},});var swiper=new Swiper(".testimonial-three__slider",{loop:"true",spaceBetween:24,speed:300,autoplay:{delay:3000,disableOnInteraction:!1,},breakpoints:{1200:{slidesPerView:3,},992:{slidesPerView:2,},320:{slidesPerView:1,},},navigation:{nextEl:".testimonial-three__arry-next",prevEl:".testimonial-three__arry-prev",},});var swiper=new Swiper(".service-two__slider",{loop:"true",spaceBetween:30,speed:500,autoplay:{delay:4000,disableOnInteraction:!1,},navigation:{nextEl:".service__arry-next",prevEl:".service__arry-prev",},breakpoints:{992:{slidesPerView:3,},575:{slidesPerView:2,},320:{slidesPerView:1,},},});$(document).on("click","#openButton",function(){$("#targetElement").removeClass("sidebar__hide")});$(document).on("click","#closeButton",function(){$("#targetElement").addClass("sidebar__hide")});$(".service__item").hover(function(){$(".service__item").removeClass("active");$(this).addClass("active")});$("[data-background").each(function(){$(this).css("background-image","url( "+$(this).attr("data-background")+" )")});$(".video-popup").magnificPopup({type:"iframe",iframe:{markup:'<div class="mfp-iframe-scaler">'+'<div class="mfp-close"></div>'+'<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+"</div>",patterns:{youtube:{index:"youtube.com/",id:"v=",src:"https://www.youtube.com/embed/%id%?autoplay=1",},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1",},gmaps:{index:"//maps.google.",src:"%id%&output=embed",},},srcAction:"iframe_src",},});$(".count").counterUp({delay:30,time:3000,});$(".progress-count").counterUp({delay:30,time:1000,});$(document).ready(function(){$("select").niceSelect()});$(".footer-popup").magnificPopup({type:"image",gallery:{enabled:!0,},});var scrollPath=document.querySelector(".scroll-up path");var pathLength=scrollPath.getTotalLength();scrollPath.style.transition=scrollPath.style.WebkitTransition="none";scrollPath.style.strokeDasharray=pathLength+" "+pathLength;scrollPath.style.strokeDashoffset=pathLength;scrollPath.getBoundingClientRect();scrollPath.style.transition=scrollPath.style.WebkitTransition="stroke-dashoffset 10ms linear";var updatescroll=function(){var scroll=$(window).scrollTop();var height=$(document).height()-$(window).height();var scroll=pathLength-(scroll*pathLength)/height;scrollPath.style.strokeDashoffset=scroll};updatescroll();$(window).scroll(updatescroll);var offset=50;var duration=950;jQuery(window).on("scroll",function(){if(jQuery(this).scrollTop()>offset){jQuery(".scroll-up").addClass("active-scroll")}else{jQuery(".scroll-up").removeClass("active-scroll")}});jQuery(".scroll-up").on("click",function(event){event.preventDefault();jQuery("html, body").animate({scrollTop:0,},duration);return!1})})(jQuery)
|
||||
(function($) {
|
||||
"use strict";
|
||||
|
||||
// Pace Options
|
||||
Pace.Options = {
|
||||
ajax: false,
|
||||
document: false,
|
||||
eventLag: false
|
||||
};
|
||||
|
||||
// Pace completion event handler
|
||||
Pace.on("done", function() {
|
||||
$("#preloader").addClass("isdone");
|
||||
$(".loading").addClass("isdone");
|
||||
});
|
||||
|
||||
// Mouse cursor animation
|
||||
function mousecursor() {
|
||||
const e = document.querySelector(".cursor-inner");
|
||||
const t = document.querySelector(".cursor-outer");
|
||||
|
||||
if (!e || !t) return; // Check if the elements exist
|
||||
|
||||
let n, i = 0, o = false;
|
||||
|
||||
window.onmousemove = function(s) {
|
||||
if (!o) {
|
||||
t.style.transform = `translate(${s.clientX}px, ${s.clientY}px)`;
|
||||
}
|
||||
e.style.transform = `translate(${s.clientX}px, ${s.clientY}px)`;
|
||||
n = s.clientY;
|
||||
i = s.clientX;
|
||||
};
|
||||
|
||||
$("body").on("mouseenter", "a, .cursor-pointer", function() {
|
||||
e.classList.add("cursor-hover");
|
||||
t.classList.add("cursor-hover");
|
||||
});
|
||||
|
||||
$("body").on("mouseleave", "a, .cursor-pointer", function() {
|
||||
if ($(this).is("a") && $(this).closest(".cursor-pointer").length) return;
|
||||
e.classList.remove("cursor-hover");
|
||||
t.classList.remove("cursor-hover");
|
||||
});
|
||||
|
||||
e.style.visibility = "visible";
|
||||
t.style.visibility = "visible";
|
||||
}
|
||||
|
||||
$(function() {
|
||||
mousecursor();
|
||||
});
|
||||
|
||||
// MeanMenu for mobile navigation
|
||||
$(".header-area nav").meanmenu();
|
||||
|
||||
// Fixed menu on scroll
|
||||
var fixed_top = $(".header-area");
|
||||
$(window).on("scroll", function() {
|
||||
if ($(this).scrollTop() > 300) {
|
||||
fixed_top.addClass("menu-fixed animated fadeInDown");
|
||||
} else {
|
||||
fixed_top.removeClass("menu-fixed fadeInDown");
|
||||
}
|
||||
});
|
||||
|
||||
// Highlight active section in navigation
|
||||
$(window).scroll(function() {
|
||||
var scrollPos = $(document).scrollTop();
|
||||
$("section").each(function() {
|
||||
var offsetTop = $(this).offset().top;
|
||||
var height = $(this).height();
|
||||
var id = $(this).attr("id");
|
||||
|
||||
if (scrollPos >= offsetTop && scrollPos < offsetTop + height) {
|
||||
$('nav a[href="#' + id + '"]').addClass("primary-color");
|
||||
} else {
|
||||
$('nav a[href="#' + id + '"]').removeClass("primary-color");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Set theme color
|
||||
function setThemeColor(color) {
|
||||
const root = document.documentElement;
|
||||
root.setAttribute("data-theme", color);
|
||||
}
|
||||
|
||||
// Search functionality
|
||||
var $searchWrap = $(".search-wrap");
|
||||
var $navSearch = $(".nav-search");
|
||||
var $searchClose = $("#search-close");
|
||||
|
||||
$(".search-trigger").on("click", function(e) {
|
||||
e.preventDefault();
|
||||
$searchWrap.animate({ opacity: "toggle" }, 500);
|
||||
$navSearch.add($searchClose).addClass("open");
|
||||
});
|
||||
|
||||
$(".search-close").on("click", function(e) {
|
||||
e.preventDefault();
|
||||
$searchWrap.animate({ opacity: "toggle" }, 500);
|
||||
$navSearch.add($searchClose).removeClass("open");
|
||||
});
|
||||
|
||||
function closeSearch() {
|
||||
$searchWrap.fadeOut(200);
|
||||
$navSearch.add($searchClose).removeClass("open");
|
||||
}
|
||||
|
||||
$(document.body).on("click", function(e) {
|
||||
closeSearch();
|
||||
});
|
||||
|
||||
$(".search-trigger, .main-search-input").on("click", function(e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
// Swiper Slider Initialization
|
||||
var sliderInit1 = new Swiper(".banner__slider", {
|
||||
loop: true,
|
||||
slidesPerView: 1,
|
||||
effect: "fade",
|
||||
speed: 3000,
|
||||
autoplay: {
|
||||
delay: 7000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: ".banner__dot",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
|
||||
function animated_swiper(selector, init) {
|
||||
var animated = function() {
|
||||
$(selector + " [data-animation]").each(function() {
|
||||
var anim = $(this).data("animation");
|
||||
var delay = $(this).data("delay");
|
||||
var duration = $(this).data("duration");
|
||||
|
||||
$(this).removeClass("anim" + anim).addClass(anim + " animated")
|
||||
.css({
|
||||
webkitAnimationDelay: delay,
|
||||
animationDelay: delay,
|
||||
webkitAnimationDuration: duration,
|
||||
animationDuration: duration,
|
||||
})
|
||||
.one("animationend", function() {
|
||||
$(this).removeClass(anim + " animated");
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
animated();
|
||||
init.on("slideChange", function() {
|
||||
$(selector + " [data-animation]").removeClass("animated");
|
||||
});
|
||||
init.on("slideChange", animated);
|
||||
}
|
||||
|
||||
animated_swiper(".banner__slider", sliderInit1);
|
||||
|
||||
// Additional sliders for case, testimonial, service, etc.
|
||||
var swiperSettings = [
|
||||
{ selector: ".case__slider", settings: { loop: true, spaceBetween: 24, speed: 800, autoplay: { delay: 4000, disableOnInteraction: false }, pagination: { el: ".case__dot", clickable: true } } },
|
||||
{ selector: ".brand__slider", settings: { loop: true, spaceBetween: 30, speed: 300, autoplay: { delay: 3000, disableOnInteraction: false }, breakpoints: { 1200: { slidesPerView: 5 }, 992: { slidesPerView: 4 }, 575: { slidesPerView: 3 }, 320: { slidesPerView: 2 } } } },
|
||||
// Add more sliders as needed
|
||||
];
|
||||
|
||||
swiperSettings.forEach(function(slider) {
|
||||
new Swiper(slider.selector, slider.settings);
|
||||
});
|
||||
|
||||
// Sidebar toggle
|
||||
$(document).on("click", "#openButton", function() {
|
||||
$("#targetElement").removeClass("sidebar__hide");
|
||||
});
|
||||
|
||||
$(document).on("click", "#closeButton", function() {
|
||||
$("#targetElement").addClass("sidebar__hide");
|
||||
});
|
||||
|
||||
// Service item hover effect
|
||||
$(".service__item").hover(function() {
|
||||
$(".service__item").removeClass("active");
|
||||
$(this).addClass("active");
|
||||
});
|
||||
|
||||
// Set background image from data-background attribute
|
||||
$("[data-background]").each(function() {
|
||||
$(this).css("background-image", "url(" + $(this).attr("data-background") + ")");
|
||||
});
|
||||
|
||||
// Video popup
|
||||
$(".video-popup").magnificPopup({
|
||||
type: "iframe",
|
||||
iframe: {
|
||||
markup: '<div class="mfp-iframe-scaler">' +
|
||||
'<div class="mfp-close"></div>' +
|
||||
'<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>' +
|
||||
"</div>",
|
||||
patterns: {
|
||||
youtube: { index: "youtube.com/", id: "v=", src: "https://www.youtube.com/embed/%id%?autoplay=1" },
|
||||
vimeo: { index: "vimeo.com/", id: "/", src: "//player.vimeo.com/video/%id%?autoplay=1" },
|
||||
gmaps: { index: "//maps.google.", src: "%id%&output=embed" }
|
||||
},
|
||||
srcAction: "iframe_src",
|
||||
},
|
||||
});
|
||||
|
||||
// Counter up
|
||||
$(".count").counterUp({ delay: 30, time: 3000 });
|
||||
$(".progress-count").counterUp({ delay: 30, time: 1000 });
|
||||
|
||||
// Nice select
|
||||
$(document).ready(function() {
|
||||
$("select").niceSelect();
|
||||
});
|
||||
|
||||
// Footer popup
|
||||
$(".footer-popup").magnificPopup({
|
||||
type: "image",
|
||||
gallery: {
|
||||
enabled: true
|
||||
},
|
||||
});
|
||||
|
||||
// Scroll to top button
|
||||
var offset = 50;
|
||||
var duration = 950;
|
||||
|
||||
$(window).on("scroll", function() {
|
||||
if ($(this).scrollTop() > offset) {
|
||||
$(".scroll-up").addClass("active-scroll");
|
||||
} else {
|
||||
$(".scroll-up").removeClass("active-scroll");
|
||||
}
|
||||
});
|
||||
|
||||
$(".scroll-up").on("click", function(event) {
|
||||
event.preventDefault();
|
||||
$("html, body").animate({ scrollTop: 0 }, duration);
|
||||
return false;
|
||||
});
|
||||
})(jQuery);
|
||||
|
||||
Reference in New Issue
Block a user