https://www.guillaumemoingeon.com/public/templates/components/collectionBlocs/collectionBlocs.js

1$(function(){
2
3	$(".collectionBlocs").each(function(){
4
5		lightGallery(this, {
6	        selector: ".collectionBlocs_item-image",
7	        addClass: "lg-juliana",
8	        zoomFromOrigin: true,
9	        download: true,
10	        counter: true,
11	        loadYouTubeThumbnail: false,
12	        autoplayVideoOnSlide: true,
13	        plugins: [lgVideo],
14	        loop: false,
15	        slideEndAnimation: false,
16	        hideControlOnEnd: true,
17	        mobileSettings: {
18	        	controls: true,
19	        	showCloseIcon: true,
20	        	download: true
21	        }
22		});
23
24	});
25
26
27	// Animations
28
29	$(".collectionBlocs_item").each(function(){
30
31		var item	= $(this);
32		var parts	= $(this).find(".collectionBlocs_item-content > *");
33
34		var tl = new TimelineMax();
35		tl.from(item, 0.5, {autoAlpha: 0, ease: Power1.easeInOut});
36		parts.each(function(){
37			tl.from(this, 0.5, {y: 60, autoAlpha: 0, ease: Power1.easeInOut}, "-=0.4")
38		});
39
40		// Build a scene
41		var scene = new ScrollMagic.Scene({
42			triggerElement	: this,
43			reverse			: false,
44			triggerHook		: 0.9
45		})
46		.setTween(tl)
47		.addTo(controller);
48
49	});
50
51
52});