File Manager

✏️ Edit File: /home/rla105zs937x/public_html/arccphysics/js/contact_custom.js

⬅ Kembali

/* JS Document */

/******************************

[Table of Contents]

1. Vars and Inits
2. Set Header
3. Initialize Hamburger
4. Initialize Parallax
5. Init Google Map

******************************/

$(document).ready(function()
{
	"use strict";

1. Vars and Inits

var hamb = $('.hamburger');
	var header = $('.header');
	var hambActive = false;
	var menuActive = false;
	var ctrl = new ScrollMagic.Controller();
	var map;

setHeader();

$(window).on('resize', function()
	{
		setHeader();
	});

$(document).on('scroll', function()
	{
		setHeader();
	});

initHamburger();
	initParallax();
	initGoogleMap();

2. Set Header

3. Initialize Hamburger

function initHamburger()
	{
		if($('.hamburger_container').length)
		{
			var hamb = $('.hamburger_container');

hamb.on('click', function(event)
			{
				event.stopPropagation();

if(!menuActive)
				{
					openMenu();
					
					$(document).one('click', function cls(e)
					{
						if($(e.target).hasClass('menu_mm'))
						{
							$(document).one('click', cls);
						}
						else
						{
							closeMenu();
						}
					});
				}
				else
				{
					$('.menu_container').removeClass('active');
					menuActive = false;
				}
			});
		}
	}

function openMenu()
	{
		var fs = $('.menu_container');
		fs.addClass('active');
		hambActive = true;
		menuActive = true;
	}

function closeMenu()
	{
		var fs = $('.menu_container');
		fs.removeClass('active');
		hambActive = false;
		menuActive = false;
	}

4. Init Parallax

function initParallax()
	{
		// Add parallax effect to home slider
		if($('.slider_prlx').length)
		{
			var homeBcg = $('.slider_prlx');

var homeBcgScene = new ScrollMagic.Scene({
		        triggerElement: homeBcg,
		        triggerHook: 1,
		        duration: "100%"
		    })
		    .setTween(TweenMax.to(homeBcg, 1, {y: '15%', ease:Power0.easeNone}))
		    .addTo(ctrl);
		}

// Add parallax effect to every element with class prlx
		// Add class prlx_parent to the parent of the element
		if($('.prlx_parent').length && $('.prlx').length)
		{
			var elements = $('.prlx_parent');

elements.each(function()
			{
				var ele = this;
				var bcg = $(ele).find('.prlx');

var slideParallaxScene = new ScrollMagic.Scene({
			        triggerElement: ele,
			        triggerHook: 1,
			        duration: "200%"
			    })
			    .setTween(TweenMax.from(bcg, 1, {y: '-30%', ease:Power0.easeNone}))
			    .addTo(ctrl);
			});
		}
	}

5. Init Google Map

function initGoogleMap()
	{
		var myLatlng = new google.maps.LatLng(25.498345,-80.352984);
    	var mapOptions = 
    	{
    		center: myLatlng,
	       	zoom: 13,
			mapTypeId: google.maps.MapTypeId.ROADMAP,
			draggable: true,
			scrollwheel: false,
			zoomControl: true,
			zoomControlOptions:
			{
				position: google.maps.ControlPosition.RIGHT_CENTER
			},
			mapTypeControl: false,
			scaleControl: false,
			streetViewControl: false,
			rotateControl: false,
			fullscreenControl: true,
			styles:[]
    	}

// Initialize a map with options
    	map = new google.maps.Map(document.getElementById('map'), mapOptions);
    	map.panBy(-45, 0);

// Re-center map after window resize
		google.maps.event.addDomListener(window, 'resize', function()
		{
			setTimeout(function()
			{
				google.maps.event.trigger(map, "resize");
				map.setCenter(myLatlng);
			}, 1400);
		});
	}
});

Batal

⬅ Naik ke arccphysics 8 item

Nama	Tipe	Ukuran	Diubah	Aksi
📜contact_custom.js	js	3.7 KB	2023-10-19 07:25	✏️ Edit 👁️ View
📜courses_custom.js	js	2.8 KB	2023-10-19 07:25	✏️ Edit 👁️ View
📜custom.js	js	5.8 KB	2023-10-19 07:25	✏️ Edit 👁️ View
📜elements_custom.js	js	7.6 KB	2023-10-19 07:25	✏️ Edit 👁️ View
📜jquery-3.2.1.min.js	js	84.6 KB	2023-10-19 07:25	✏️ Edit 👁️ View
📜news_custom.js	js	2.8 KB	2023-10-19 07:25	✏️ Edit 👁️ View
📜news_post_custom.js	js	2.8 KB	2023-10-19 07:25	✏️ Edit 👁️ View
📜teachers_custom.js	js	4.1 KB	2023-10-19 07:25	✏️ Edit 👁️ View