361 lines
No EOL
8.8 KiB
JavaScript
361 lines
No EOL
8.8 KiB
JavaScript
$(document).ready(function(){
|
||
|
||
"use strict";
|
||
// wow
|
||
new WOW({
|
||
mobile: false,
|
||
}).init();
|
||
|
||
$(".fables-mega-menu li a").click(function (){
|
||
$(".fables-mega-menu li > div").toggleClass("show-sub");
|
||
});
|
||
|
||
// 3 items carousel carousel-items-3
|
||
$(".carousel-items-3").owlCarousel({
|
||
margin:20,
|
||
loop:true,
|
||
navText: ['<span class="fables-iconarrow-left"></span>','<span class="fables-iconarrow-right"></span>'],
|
||
responsive:{
|
||
0:{
|
||
items:1
|
||
},
|
||
600:{
|
||
items:2
|
||
},
|
||
768:{
|
||
items:3
|
||
}
|
||
|
||
}
|
||
});
|
||
|
||
// 3 items carousel carousel-items-3
|
||
$(".carousel-items-4").owlCarousel({
|
||
margin:20,
|
||
loop:true,
|
||
navText: ['<span class="fables-iconarrow-left"></span>','<span class="fables-iconarrow-right"></span>'],
|
||
responsive:{
|
||
0:{
|
||
items:1
|
||
},
|
||
600:{
|
||
items:2
|
||
},
|
||
768:{
|
||
items:3
|
||
},
|
||
1000:{
|
||
items:4
|
||
}
|
||
}
|
||
});
|
||
|
||
|
||
// START TOGGLE SEARCH
|
||
$(".open-search").click(function (e){
|
||
e.preventDefault();
|
||
$(".search-section").fadeIn('fast');
|
||
$(".search-input").focus();
|
||
$('body').css({"overflow":"hidden"});
|
||
});
|
||
|
||
$(".close-search").click(function (e){
|
||
e.preventDefault();
|
||
$(".search-section").fadeOut('fast');
|
||
$('body').css({"overflow":"visible"});
|
||
});
|
||
|
||
$(document).keyup(function(e) {
|
||
if (e.which == 27) {
|
||
$(".search-section").fadeOut('fast');
|
||
$('body').css({"overflow":"visible"});
|
||
}
|
||
|
||
});
|
||
|
||
// 3 items carousel carousel-items-6
|
||
$(".carousel-items-6").owlCarousel({
|
||
margin:20,
|
||
loop:true,
|
||
navText: ['<span class="fables-iconarrow-left"></span>','<span class="fables-iconarrow-right"></span>'],
|
||
responsive:{
|
||
0:{
|
||
items:2
|
||
},
|
||
600:{
|
||
items:3
|
||
},
|
||
1000:{
|
||
items:6
|
||
}
|
||
}
|
||
});
|
||
|
||
|
||
|
||
// teaser slider
|
||
$(".blog-teaser,.default-carousel").owlCarousel({
|
||
loop:true,
|
||
autoplay:true,
|
||
dots:true,
|
||
nav:true,
|
||
navText: ['<span class="fables-iconarrow-left"></span>','<span class="fables-iconarrow-right"></span>'],
|
||
items:1
|
||
});
|
||
|
||
// Blog Slider
|
||
|
||
$(".nav-slider").owlCarousel({
|
||
nav:true,
|
||
loop:true,
|
||
autoplay:true,
|
||
margin:20,
|
||
navText: ['<span class="fables-iconarrow-left"></span>','<span class="fables-iconarrow-right"></span>'],
|
||
dots:true,
|
||
responsive:{
|
||
0:{
|
||
items:1
|
||
},
|
||
600:{
|
||
items:3
|
||
},
|
||
1000:{
|
||
items:4
|
||
}
|
||
}
|
||
});
|
||
|
||
$("#blog-slider").owlCarousel({
|
||
loop:true,
|
||
margin:20,
|
||
nav:false,
|
||
navText:['<span class="fables-iconarrow-left"></span>' , '<span class="fables-iconarrow-next"></span>'],
|
||
autoplay:true,
|
||
dots:true,
|
||
responsive:{
|
||
0:{
|
||
items:1
|
||
},
|
||
600:{
|
||
items:3
|
||
},
|
||
1000:{
|
||
items:4
|
||
}
|
||
}
|
||
});
|
||
|
||
var $input = $("#input-val");
|
||
$input.val(1);
|
||
$(".calc-btn").click(function(){
|
||
if($(this).hasClass("plus")) {
|
||
$input.val(parseInt($input.val())+1);
|
||
}else if ($input.val()>=2) {
|
||
$input.val(parseInt($input.val())-1);
|
||
}
|
||
});
|
||
|
||
$(".fables-view-btn").click(function() {
|
||
$(this).addClass('active').siblings().removeClass('active');
|
||
|
||
if($(this).hasClass("fables-list-btn")){
|
||
$(".fables-product-block").removeClass("col-md-6 col-lg-4").addClass("list");
|
||
$(".fables-product-img").removeClass("col-12").addClass("col-4");
|
||
$(".fables-product-block .card-body").removeClass("col-12").addClass("col-8");
|
||
}
|
||
else{
|
||
$(".fables-product-block").addClass("col-md-6 col-lg-4").removeClass("list");
|
||
$(".fables-product-img").removeClass("col-4").addClass("col-12");
|
||
$(".fables-product-block .card-body").removeClass("col-8").addClass("col-12");
|
||
}
|
||
});
|
||
|
||
|
||
$('[data-countdown]').each(function() {
|
||
var $this = $(this), finalDate = $(this).data('countdown');
|
||
$this.countdown(finalDate, function(event) {
|
||
$this.html(event.strftime('<div class="row"><div class="col-6 col-lg-3 mb-3 mb-lg-0 comming-soon-counter">%D <br> <span>Days</span></div> <div class="col-6 col-lg-3 comming-soon-counter"> %H <br> <span>Hours</span> </div> <div class="col-6 col-lg-3 mb-3 mb-lg-0 comming-soon-counter"> %M <br> <span>Minutes</span></div> <div class="col-6 col-lg-3 mb-3 mb-lg-0 comming-soon-counter"> %S <br> <span>Seconds</span></div></div>'));
|
||
});
|
||
});
|
||
|
||
|
||
|
||
// sync carousel
|
||
|
||
var sync1 = $("#sync1");
|
||
var sync2 = $("#sync2");
|
||
var slidesPerPage =3; //globaly define number of elements per page
|
||
var syncedSecondary = true;
|
||
|
||
sync1.owlCarousel({
|
||
items : 1,
|
||
slideSpeed : 2000,
|
||
nav: true,
|
||
autoplay: true,
|
||
center: true,
|
||
dots: true,
|
||
loop: true,
|
||
responsiveRefreshRate : 200,
|
||
navText: ['<i class="fas fa-chevron-left"></i>','<i class="fas fa-chevron-right"></i>'],
|
||
}).on('changed.owl.carousel', syncPosition);
|
||
|
||
sync2
|
||
.on('initialized.owl.carousel', function () {
|
||
sync2.find(".owl-item").eq(0).addClass("current");
|
||
})
|
||
.owlCarousel({
|
||
items : slidesPerPage,
|
||
dots: false,
|
||
nav: false,
|
||
mouseDrag:true,
|
||
smartSpeed: 200,
|
||
slideSpeed : 500,
|
||
slideBy: slidesPerPage, //alternatively you can slide by 1, this way the active slide will stick to the first item in the second carousel
|
||
responsiveRefreshRate : 100
|
||
}).on('changed.owl.carousel', syncPosition2);
|
||
|
||
function syncPosition(el) {
|
||
//if you set loop to false, you have to restore this next line
|
||
//var current = el.item.index;
|
||
|
||
//if you disable loop you have to comment this block
|
||
var count = el.item.count-1;
|
||
var current = Math.round(el.item.index - (el.item.count/2) - .5);
|
||
|
||
if(current < 0) {
|
||
current = count;
|
||
}
|
||
if(current > count) {
|
||
current = 0;
|
||
}
|
||
|
||
//end block
|
||
|
||
sync2
|
||
.find(".owl-item")
|
||
.removeClass("current")
|
||
.eq(current)
|
||
.addClass("current");
|
||
var onscreen = sync2.find('.owl-item.active').length - 1;
|
||
var start = sync2.find('.owl-item.active').first().index();
|
||
var end = sync2.find('.owl-item.active').last().index();
|
||
|
||
if (current > end) {
|
||
sync2.data('owl.carousel').to(current, 100, true);
|
||
}
|
||
if (current < start) {
|
||
sync2.data('owl.carousel').to(current - onscreen, 100, true);
|
||
}
|
||
}
|
||
|
||
function syncPosition2(el) {
|
||
if(syncedSecondary) {
|
||
var number = el.item.index;
|
||
sync1.data('owl.carousel').to(number, 100, true);
|
||
}
|
||
}
|
||
|
||
sync2.on("click", ".owl-item", function(e){
|
||
e.preventDefault();
|
||
var number = $(this).index();
|
||
sync1.data('owl.carousel').to(number, 300, true);
|
||
});
|
||
|
||
|
||
|
||
|
||
$('#fables-testimonial-carousel').owlCarousel({
|
||
loop:true,
|
||
dots:true,
|
||
margin:20,
|
||
autoplay:true,
|
||
items:1,
|
||
navText: ['<span class="fables-iconarrow-left"></span>','<span class="fables-iconarrow-right"></span>']
|
||
|
||
});
|
||
|
||
$('#fables-partner-carousel').owlCarousel({
|
||
loop:true,
|
||
dots:false,
|
||
autoplay:true,
|
||
margin:20,
|
||
nav:true,
|
||
navText:['<i class="fa fa-chevron-left fables-main-text-color fables-main-border-color fables-partner-nav-icon" aria-hidden="true"></i>' , '<i class="fa fa-chevron-right fables-main-text-color fables-main-border-color fables-partner-nav-icon" aria-hidden="true"></i>'],
|
||
responsive:{
|
||
0:{
|
||
items:1
|
||
},
|
||
600:{
|
||
items:2
|
||
},
|
||
768:{
|
||
items:3
|
||
},
|
||
1000:{
|
||
items:4
|
||
},
|
||
1440:{
|
||
items:6
|
||
}
|
||
}
|
||
});
|
||
|
||
|
||
|
||
|
||
// multi event gallery timeLine
|
||
|
||
$('.timeline').timelify({
|
||
|
||
// animation types
|
||
animLeft: "bounceInLeft",
|
||
animRight: "bounceInRight",
|
||
animCenter: "bounceInUp",
|
||
|
||
// animation speed
|
||
animSpeed: 1500,
|
||
|
||
// trigger position in pixels
|
||
offset: 150
|
||
|
||
});
|
||
|
||
|
||
|
||
|
||
});
|
||
|
||
function JaMap() {
|
||
var mapCanvas = document.getElementById("map");
|
||
|
||
data = mapCanvas.dataset;
|
||
var Zom = data.zom;
|
||
var myCenter = new google.maps.LatLng(data.lat,data.lng);
|
||
var mapOptions = {
|
||
center: myCenter,
|
||
zoom: 14,
|
||
};
|
||
var map = new google.maps.Map(mapCanvas,mapOptions);
|
||
var marker = new google.maps.Marker({
|
||
position: myCenter,
|
||
icon: data.icon
|
||
});
|
||
marker.setMap(map);
|
||
}
|
||
|
||
|
||
$(function ($) {
|
||
"use strict";
|
||
animatecounters();
|
||
});
|
||
function animatecounters() {
|
||
$('.timer').each(count);
|
||
function count(options) {
|
||
var $this = $(this);
|
||
options = $.extend({}, options || {}, $this.data('countToOptions') || {});
|
||
$this.countTo(options);
|
||
}
|
||
}
|
||
|
||
|
||
|