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
});
});
|