Website templates

midway-free-html5-website-template-for-multi-purpose/js/scripts.js

@@ -0,0 +1,99 @@
+$(document).ready(function() {
+
+	/***************** Waypoints ******************/
+
+	$('.wp1').waypoint(function() {
+		$('.wp1').addClass('animated fadeInLeft');
+	}, {
+		offset: '75%'
+	});
+	$('.wp2').waypoint(function() {
+		$('.wp2').addClass('animated fadeInDown');
+	}, {
+		offset: '75%'
+	});
+	$('.wp3').waypoint(function() {
+		$('.wp3').addClass('animated bounceInDown');
+	}, {
+		offset: '75%'
+	});
+	$('.wp4').waypoint(function() {
+		$('.wp4').addClass('animated fadeInDown');
+	}, {
+		offset: '75%'
+	});
+
+	/***************** Flickity ******************/
+
+	$('#featuresSlider').flickity({
+		cellAlign: 'left',
+		contain: true,
+		prevNextButtons: false
+	});
+
+	$('#aboutUsSlider').flickity({
+		cellAlign: 'left',
+		contain: true,
+		prevNextButtons: false,
+		imagesLoaded: true
+	});
+
+	/***************** Fancybox ******************/
+
+	$(".youtube-media").on("click", function(e) {
+		var jWindow = $(window).width();
+		if (jWindow <= 768) {
+			return;
+		}
+		$.fancybox({
+			href: this.href,
+			padding: 4,
+			type: "iframe",
+			'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
+		});
+		return false;
+	});
+
+});
+
+$(document).ready(function() {
+	$("a.single_image").fancybox({
+		padding: 4,
+	});
+});
+
+/***************** Nav Transformicon ******************/
+
+/* When user clicks the Icon */
+$(".nav-toggle").click(function() {
+	$(this).toggleClass("active");
+	$(".overlay-midway").toggleClass("open");
+});
+
+/* When user clicks a link */
+$(".overlay ul li a").click(function() {
+	$(".nav-toggle").toggleClass("active");
+	$(".overlay-midway").toggleClass("open");
+});
+
+/* When user clicks outside */
+$(".overlay").click(function() {
+	$(".nav-toggle").toggleClass("active");
+	$(".overlay-midway").toggleClass("open");
+});
+
+/***************** Smooth Scrolling ******************/
+
+$('a[href*=#]:not([href=#])').click(function() {
+	if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) {
+
+		var target = $(this.hash);
+		target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
+		if (target.length) {
+			$('html,body').animate({
+				scrollTop: target.offset().top
+			}, 2000);
+			return false;
+		}
+	}
+});