View file File name : d-shine.js Content :$(document).ready(function () { $("#testiTab li").each(function () { $(this).on("mouseover", function () { $(this).children().trigger("click"); }); }); (function ($) { "use strict"; /*------------------------------ Go Top ------------------------------*/ $('a[href="#top"]').on('click', function () { $('html, body').animate({scrollTop: 0}, 800); return false }); /*------------------------------ Shortcodes ------------------------------*/ $('span[data-toggle="tooltip"]').tooltip(); $('span[data-toggle="tooltip"][data-placement="top"]').tooltip('show'); /*------------------------------ Search Filter ------------------------------*/ $('.searchFilters .dropdown-menu').find('a').on("click", function (e) { e.preventDefault(); var param = $(this).attr("href").replace("#", ""); var concept = $(this).text(); $('.searchFilters span#searchFilterValue').text(concept); $('.input-group #search_param').val(param); }); /*------------------------------ Partner And Testimonial ------------------------------*/ $('.ptTabNavs').on('click', '.prevTab', function () { $('.ptTab_nav > .active').prev('li').find('a').trigger('click') }); $('.ptTabNavs').on('click', '.nextTab', function () { $('.ptTab_nav > .active').next('li').find('a').trigger('click') }); /*------------------------------ Gallery Slider ------------------------------*/ $('.featureCats').owlCarousel({ loop: true, margin: 0, responsiveClass: true, nav: true, navText: ['<i class="fas fa-angle-left"></i>', '<i class="fas fa-angle-right"></i>'], autoplay: false, responsive: { 0: { items: 1, nav: true }, 600: { items: 2, nav: true }, 1000: { items: 3, nav: true } } }); $('.testimonialTabs').owlCarousel({ loop: true, margin: 0, responsiveClass: true, autoplay: false, responsive: { 0: { items: 1, nav: true }, 600: { items: 2, nav: true }, 1000: { items: 1, } } }); $('.testimonialTabs').owlCarousel({ center: true, items: 1, loop: true, nav: true, margin: 10, responsive: { 0: { items: 2, nav: true }, 600: { items: 1, nav: true }, 1000: { items: 1, nav: true } } }); $(function () { // wait for document ready // init controller var controller = new ScrollMagic.Controller(); // show pin state function updateBox(e) { if (e.type == "enter") { $("#pin p").text("Pinned."); } else { $("#pin p").text("Unpinned."); } } // build scenes new ScrollMagic.Scene({triggerElement: "#trigger", duration: 150}) .setPin("#pin") .setClassToggle("#pin", "one") .on("enter leave", updateBox) .addIndicators() // add indicators (requires plugin) .addTo(controller); new ScrollMagic.Scene({triggerElement: "#trigger", duration: 150}) .setPin("#pin-2") .setClassToggle("#pin", "green") .on("enter leave", updateBox) .addIndicators() // add indicators (requires plugin) .addTo(controller); }); /*----------------------------------------------------*/ /* Count Up /*----------------------------------------------------*/ $('.counter').counterUp({ delay: 15, time: 1500 }); /*----------------------------------------------------*/ /* Spinner /*----------------------------------------------------*/ $('.spinner .btn:first-of-type').on('click', function () { $('.spinner input').val(parseInt($('.spinner input').val(), 10) + 1); }); $('.spinner .btn:last-of-type').on('click', function () { $('.spinner input').val(parseInt($('.spinner input').val(), 10) - 1); }); /*----------------------------------------------------*/ /* Shipping Address /*----------------------------------------------------*/ $('#shippingAddressEscape').on('click', function () { var isChecked = $('#shippingAddressEscape').is(':checked'); if (isChecked) $("#shippingAddress").find(':input').attr('disabled', 'disabled'); else $("#shippingAddress").find(':input').removeAttr('disabled', 'disabled') }); /*------------------------------ Team Member Slider ------------------------------*/ $('.ourTeamSlide').owlCarousel({ loop: true, margin: 0, responsiveClass: true, nav: true, navText: ['<i class="fas fa-angle-left"></i>', '<i class="fas fa-angle-right"></i>'], autoplay: true, responsive: { 0: { items: 1, nav: true }, 600: { items: 1, nav: true }, 1000: { items: 2, nav: true } } }) })(jQuery) }); $(window).load(function () { /*------------------------------ Sinlge Prodcut Slider ------------------------------*/ $('#productImageSliderNav').flexslider({ animation: "slide", controlNav: false, animationLoop: false, directionNav: true, slideshow: false, itemWidth: 130, itemMargin: 10, asNavFor: '#productImageSlider', prevText: '<i class="fas fa-angle-left"></i>', nextText: '<i class="fas fa-angle-right"></i>', }); $('#productImageSlider').flexslider({ animation: "slide", controlNav: false, animationLoop: false, directionNav: false, slideshow: false, sync: "#productImageSliderNav" }); /*------------------------------ Main Slider ------------------------------*/ $('.sliderCont').flexslider({ animation: "fade", // Primary Controls controlNav: false, //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false) prevText: '<i class="fas fa-angle-left"></i>', //String: Set the text for the "previous" directionNav item nextText: '<i class="fas fa-angle-right"></i>', //String: Set the text for the "next" directionNav item }); $('.sliderCont3').flexslider({ animation: "fade", // Primary Controls controlNav: false, //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false) prevText: '<i class="fas fa-angle-left"></i>', //String: Set the text for the "previous" directionNav item nextText: '<i class="fas fa-angle-right"></i>', //String: Set the text for the "next" directionNav item }) }); /*---------------------arjun start--------------------------*/ // var scrollNum = 0; // var currntTopPos = 150; // $(window).scroll(function(){ // $('#trigger').each(function(){ // if(isScrolledIntoView($(this))){ // $("#ring_sec").addClass("ab_visible"); // $("#ring_sec").removeClass("ab_invisible"); // var TopPosNew = currntTopPos - scrollNum++; // $("#ring_sec .diamond_j").css("top",-TopPosNew); // } // else // { // $("#ring_sec").addClass("ab_invisible"); // $("#ring_sec").removeClass("ab_visible"); // } // }); // }); // function isScrolledIntoView(elem){ // var $elem = $(elem); // var $window = $(window); // var docViewTop = $window.scrollTop(); // var docViewBottom = docViewTop + $window.height(); // var elemTop = $elem.offset().top; // var elemBottom = elemTop + $elem.height(); // return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); // } /*---------------------arjun end--------------------------*/ // var scrollNum = 0; // var currntTopPos = 150; // $(window).scroll(function(){ // $('#trigger').each(function(){ // if(isScrolledIntoView($(this))){ // $("#ring_sec").addClass("ab_visible"); // $("#ring_sec").removeClass("ab_invisible"); // } // else // { // $("#ring_sec").addClass("ab_invisible"); // $("#ring_sec").removeClass("ab_visible"); // } // }); // }); // function isScrolledIntoView(elem){ // var $elem = $(elem); // var $window = $(window); // var docViewTop = $window.scrollTop(); // var docViewBottom = docViewTop + $window.height(); // var elemTop = $elem.offset().top; // var elemBottom = elemTop + $elem.height(); // return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); // } // $(document).scroll(function() { // var span = $('.diamond_j'), // div = $('.diamond_j_cont'), // spanHeight = span.outerHeight(), // divHeight = div.height(), // spanOffset = span.offset().top + spanHeight, // divOffset = div.offset().top + divHeight; // if (spanOffset >= divOffset) { // span.addClass('bottom-new'); // var windowScroll = $(window).scrollTop() + $(window).height() - 50; // if (spanOffset > windowScroll) { // span.removeClass('bottom-new'); // } // } // }); if ($('#back-to-top').length) { var scrollTrigger = 100, // px backToTop = function () { var scrollTop = $(window).scrollTop(); if (scrollTop > scrollTrigger) { $('#back-to-top').addClass('show'); } else { $('#back-to-top').removeClass('show'); } }; backToTop(); $(window).on('scroll', function () { backToTop(); }); $('#back-to-top').on('click', function (e) { e.preventDefault(); $('html,body').animate({ scrollTop: 0 }, 700); }); }