https://www.novella-nantes-centre.com/public/templates/components/…/collectionChambresStudios.js

1$(function(){
2
3	// Animation
4
5		$(".collection_item").each(function(){
6
7			var item			= $(this);
8			var item_content	= item.find(".collection_item-content");
9
10			// Calcul du delay selon la position de l'item sur sa  ligne
11			var delay = item.offset().left / $(window).width() / 1;
12
13			var tl = new TimelineMax();
14
15			tl.from(item, 0.7, {autoAlpha: 0.2, delay: delay, ease: Power1.easeInOut}, "0");
16
17			item_content.find("> *").each(function(){
18				tl.from($(this), 0.5, {autoAlpha: 0, y: -30,ease: Power1.easeInOut}, "-=0.3");
19			});
20
21			var scene = new ScrollMagic.Scene({
22				triggerElement	: this,
23				reverse			: false,
24				triggerHook		: 0.8
25			})
26			.setTween(tl)
27			.addTo(controller);
28
29		});
30
31});