Edit file File name : custom.js Content :jQuery(document).ready(function () { // slider text var slidtext = jQuery('#slidertext'); jQuery(function () { var slideBegin = 3000, transSpeed = 500, simple_slideshow = slidtext, listItems = simple_slideshow.children('.main-text'), listLen = listItems.length, i = 0, changeList = function () { listItems.eq(i) .fadeOut(transSpeed, function () { i += 1, i === listLen && (i = 0), listItems.eq(i) .fadeIn(transSpeed) }) }; listItems.not(':first') .hide(), setInterval(changeList, slideBegin); }); // Magnific Popup img jQuery('.big-img') .magnificPopup({ delegate: 'a', type: 'image', closeOnContentClick: false, closeBtnInside: false, mainClass: 'mfp-with-zoom mfp-img-mobile', image: { verticalFit: true, }, gallery: { enabled: false }, zoom: { enabled: true, duration: 300, // don't foget to change the duration also in CSS opener: function (element) { return element.find('img'); } } }); // Magnific Popup img jQuery('.big-img-1') .magnificPopup({ type: 'image' }); // Magnific Popup dailymotion $('.big-video').magnificPopup({ type: 'iframe', iframe: { patterns: { dailymotion: { index: 'dailymotion.com', id: function (url) { var m = url.match(/^.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&]+))?/); if (m !== null) { if (m[4] !== undefined) { return m[4]; } return m[2]; } return null; }, src: 'http://www.dailymotion.com/embed/video/%id%' } } } }); // Magnific Popup youtube $('.big-youtube').magnificPopup({ disableOn: 700, type: 'iframe', mainClass: 'mfp-with-zoom mfp-img-mobile', removalDelay: 0, preloader: false, fixedContentPos: false, iframe: { patterns: { youtube: { src: 'http://www.youtube.com/embed/%id%?autoplay=1&rel=0' } } } }); // vimeo video $('.vim-video').magnificPopup({ type: 'iframe', iframe: { markup: '<div class="mfp-iframe-scaler">' + '<div class="mfp-close"></div>' + '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>' + '<div class="mfp-title">Some caption</div>' + '</div>' }, callbacks: { markupParse: function (template, values, item) { values.title = item.el.attr('title'); } } }); // Magnific Popup form jQuery('.popup-form') .magnificPopup({ type: 'inline', closeOnBgClick: false, preloader: false, // It looks not nice, so we disable it: callbacks: { beforeOpen: function () { jQuery('body') .css('overflow', 'hidden'); jQuery("#date1, #date2, #personbook, #namebook, #emailbook, #phonebook, #messagebook ") .val(""); jQuery("form#subscribe .subscribeerror") .remove(); if (jQuery(window) .width() < 700) { this.st.focus = false; } else { this.st.focus = '#subscribeemail'; } }, beforeClose: function () { jQuery('body') .css('overflow', 'auto'); jQuery.dateSelect.hide({ element: 'input[name="date2"]' }); jQuery.dateSelect.hide({ element: 'input[name="date1"]' }); } } }); // step work var jQuerycontainerstep = jQuery('#step-text'); jQuerycontainerstep.isotope({ itemSelector: '.cont', filter: '.planing', hiddenStyle: { opacity: 0 }, visibleStyle: { opacity: 1 } }); jQuery('.filt-step') .on('click', function (e) { e.preventDefault(); var jQuerythis = jQuery(this); if (jQuerythis.hasClass('active')) { return false; } var jQueryoptionSet = jQuerythis.parents(); jQueryoptionSet.find('.active') .removeClass('active'); jQuerythis.addClass('active'); var selector = jQuery(this) .attr('data-filter'); jQuerycontainerstep.isotope({ filter: selector, }); return false; }); // service var jQuerycontainer = jQuery('#services'); jQuerycontainer.isotope({ itemSelector: '.service', filter: '.passion', hiddenStyle: { opacity: 0 }, visibleStyle: { opacity: 1 } }); jQuery('.filt-serv') .on('click', function (e) { e.preventDefault(); var jQuerythis = jQuery(this); if (jQuerythis.hasClass('selected')) { return false; } var jQueryoptionSet = jQuerythis.parents(); jQueryoptionSet.find('.selected') .removeClass('selected'); jQuerythis.addClass('selected'); var selector = jQuery(this) .attr('data-filter'); jQuerycontainer.isotope({ filter: selector, }); return false; }); // set mansory gallery max width var maingall = jQuery('#w-gallery-container'); if (maingall.length) { var masonry = new Macy({ container: '#w-gallery-container', trueOrder: false, waitForImages: true, debug: true, columns: 3, breakAt: { 1200: { columns: 3, }, 940: { columns: 2, }, 520: { columns: 2, }, 400: { columns: 1 } } }); } else { //nothing happen } // projects width gallery var $Wcontainerpro = jQuery('.w-gallery-container'); $Wcontainerpro.isotope({ itemSelector: '.w-gallery', filter: '*' }); jQuery('.filt-projects-w') .on('click', function (e) { e.preventDefault(); var $this = jQuery(this); if ($this.hasClass('selected')) { return false; } var $optionSetpro = $this.parents(); $optionSetpro.find('.selected') .removeClass('selected'); $this.addClass('selected'); var selector = $(this) .attr('data-project'); $Wcontainerpro.isotope({ filter: selector, }); return false; }); // layout Isotope after each image loads $Wcontainerpro.imagesLoaded().progress(function () { $Wcontainerpro.isotope('layout'); }); // filter galery hide $(".filtter-icon").on("click", function () { $("#filter-porto").slideToggle(600); $("#filter-hide").toggleClass('show'); }); // owlCarousel gallery $("#owl-testimonial").owlCarousel({ margin: 15, responsiveClass: true, responsive: { 0: { items: 1, }, 320: { items: 1, }, 414: { items: 1, loop: true, }, 800: { items: 1, loop: true, }, 1024: { items: 1, loop: true, } } }); // owlCarousel gal $("#owl-gal").owlCarousel({ margin: 15, responsiveClass: true, responsive: { 0: { items: 1, nav: true, stagePadding: 0 }, 320: { items: 1, nav: true, stagePadding: 0 }, 414: { items: 1, nav: true, loop: true, stagePadding: 0 }, 800: { items: 2, nav: true, loop: true, stagePadding: 0 }, 1024: { items: 3, nav: true, loop: true, stagePadding: 160 } }, nav: true, navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] }); // owlCarousel recent post var owl = jQuery("#owl-post"); owl.owlCarousel({ items: 3, pagination: false, itemsDesktop: [1000, 2], itemsDesktopSmall: [900, 2], itemsTablet: [600, 1], itemsMobile: false, autoPlay: false, navigation: true, navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] }); // owlCarousel team var owl = jQuery("#owl-team"); owl.owlCarousel({ margin: 15, responsiveClass: true, responsive: { 0: { items: 1, nav: true, stagePadding: 0 }, 320: { items: 1, nav: true, stagePadding: 0 }, 414: { items: 1, nav: true, loop: true, stagePadding: 0 }, 800: { items: 2, nav: true, loop: true, stagePadding: 0 }, 1024: { items: 2, nav: true, loop: false, stagePadding: 160 }, 1200: { items: 3, nav: true, loop: false, stagePadding: 160 }, 1600: { items: 3, nav: true, loop: false, stagePadding: 160 }, 1920: { items: 4, nav: true, loop: false, stagePadding: 160 }, 2200: { items: 5, nav: true, loop: false, stagePadding: 160 }, 2300: { items: 6, nav: true, loop: false, stagePadding: 160 } }, nav: true, navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] }); // owlCarousel brand var owl = jQuery("#owl-brand"); owl.owlCarousel({ items: 6, pagination: false, itemsDesktop: [1000, 4], itemsDesktopSmall: [900, 3], itemsTablet: [600, 2], itemsMobile: false, autoPlay: 2000, stopOnHover: true }); // owl projects detail var projectsBig = $("#projectsBig"); projectsBig.owlCarousel({ margin: 15, responsiveClass: true, responsive: { 0: { items: 1, nav: true, stagePadding: 0 }, 320: { items: 1, nav: true, stagePadding: 0 }, 414: { items: 1, nav: true, loop: true, stagePadding: 0 }, 800: { items: 1, nav: true, loop: true, stagePadding: 0 }, 1024: { items: 1, nav: true, loop: true, stagePadding: 0 } }, nav: true, navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] }); // revolution slider var revapi; revapi = jQuery('#revolution-slider') .revolution({ delay: 15000, startwidth: 1170, startheight: 600, onHoverStop: "on", thumbWidth: 100, thumbHeight: 50, thumbAmount: 3, touchenabled: "on", stopAtSlide: -1, stopAfterLoops: -1, touchenabled: "on", navigationType: "none", dottedOverlay: "", fullWidth: "on", fullScreen: "on", shadow: 0 }); // revolution slider var revapi; revapi = jQuery('#revolution-slider-half') .revolution({ delay: 9000, startwidth: 960, startheight: 680, onHoverStop: "on", thumbWidth: 100, thumbHeight: 50, thumbAmount: 3, touchenabled: "on", stopAtSlide: -1, stopAfterLoops: -1, touchenabled: "on", navigationType: "none", dottedOverlay: "", fullWidth: "on", shadow: 0 }); }); Save