https://www.madamefigaro.hk/wp-content/themes/mftheme/assets/js/mf…504.2b6c2005657f1827f819d590a58b578611.0.83

1/*Home*/
2
3(function($) {
4	$('.carousel-home-videos').flickity({
5	  // options
6	  cellAlign: 'left',
7	  contain: true,
8	  pageDots: false,
9	  prevNextButtons: false,
10	  watchCSS: true,
11	  lazyLoad: true
12	});
13
14	$carouselHomeTags = $('.carousel-home-tags').flickity({
15	  // options
16	  autoPlay: 1500,
17	  pauseAutoPlayOnHover: true,
18	  cellAlign: 'left',
19	  contain: true,
20	  pageDots: false,
21	  prevNextButtons: false,
22	  fade: true,
23	  wrapAround: true,
24	  lazyLoad: true,
25	  setGallerySize: false,
26	  on: {
27	  	change: function(index){
28	  		$('.tagsList .tag').removeClass('is-selected');
29	  		$('.tagsList .tag').eq(index).addClass('is-selected');
30	  	}
31	  }
32	});
33
34	$('.tagsList').on( 'mouseover', '.tag', function() {
35		$('.tagsList .tag').removeClass('is-selected');
36		$(this).addClass('is-selected');
37  		var index = $(this).index();
38  		$carouselHomeTags.flickity( 'select', index );
39  		$carouselHomeTags.flickity('pausePlayer');
40	});
41
42	//Home page 
43    var homeController = new ScrollMagic.Controller();
44
45    new ScrollMagic.Scene({triggerElement: "#homeMastheadCover", triggerHook: "onEnter", duration: "500%"})
46    	.setClassToggle(".halfLogoLg", "active")
47		.setTween("#homeMastheadCover > .cover", {y: "-40%", ease: Linear.easeNone})
48		//.addIndicators()
49		.addTo(homeController);
50
51	new ScrollMagic.Scene({triggerElement: "#homeMastheadCover", triggerHook: "onEnter", duration: "500%"})
52    	.setClassToggle(".halfLogoMd", "active")
53		//.setTween("#homeMastheadCover > .cover", {y: "-40%", ease: Linear.easeNone})
54		//.addIndicators()
55		.addTo(homeController);
56
57	new ScrollMagic.Scene({triggerElement: "#homeHalfLogoWrapper", triggerHook: "onLeave", duration: "100%"})
58    	.setClassToggle("body", "mainHeaderWhite")
59		//.addIndicators()
60		.addTo(homeController);
61
62	new ScrollMagic.Scene({triggerElement: "#homeMastheadCover", duration: "95.5%"})
63		.setPin(".halfLogoLg")
64		//.addIndicators({name: "Halfpage"})
65		.addTo(homeController);
66
67	new ScrollMagic.Scene({triggerElement: "#homeMastheadQuote", triggerHook: "onEnter", duration: "40%", offset: "10%"})
68		.setPin(".halfLogoLg")
69		//.addIndicators({name: "Halfpage"})
70		.addTo(homeController);
71
72	new ScrollMagic.Scene({triggerElement: "#homeMastheadCover", duration: "95.5%"})
73		.setPin(".halfLogoMd")
74		//.addIndicators({name: "Halfpage"})
75		.addTo(homeController);
76
77	new ScrollMagic.Scene({triggerElement: "#homeMastheadQuote", triggerHook: "onEnter", duration: "30%", offset: "10%"})
78		.setPin(".halfLogoMd")
79		//.addIndicators({name: "Halfpage"})
80		.addTo(homeController);
81
82	new ScrollMagic.Scene({triggerElement: "#homeMastheadCover", triggerHook: "onLeave", duration: "100%"})
83		.setTween(".halfLogoSm", {y: "-200%", ease: Cubic.easeInOut})
84		//.addIndicators({name: "Halfpage"})
85		.addTo(homeController);
86
87})(jQuery);