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

1$(function(){
2
3	$(".collectionSlideshow_slider.swiper-container").each(function(){
4
5		if ($(".collectionSlideshow_slide:not(.swiper-slide-duplicate)").length > 1) {
6			var autoplay = {
7   				delay: 5000
8			};
9		} else {
10			var autoplay = false
11		}
12
13		var swiper = new Swiper (this, {
14			autoHeight: true,
15			watchOverflow: true,
16			noSwiping: true,
17			loop: true,
18			speed: 1000,
19			autoplay: autoplay,
20			effect: "fade",
21			fadeEffect: {
22				crossFade: true
23			},
24			navigation: {
25				prevEl: '.collectionSlideshow_button[data-role="previous"]',
26				nextEl: '.collectionSlideshow_button[data-role="next"]'
27			}
28		});
29
30	});
31
32	// Animations
33
34	$(".collectionSlideshow").each(function(index){
35
36		var caption = $(this).find(".collectionSlideshow_slide.swiper-slide-active:not(.swiper-slide-duplicate) .collectionSlideshow_slide-caption");
37		var caption_contents = caption.find("> *");
38
39		var tl = new TimelineMax();
40
41		tl.from(caption, 0.5, {autoAlpha: 0, y: 60, ease: Power1.easeInOut});
42
43		$.each(caption_contents, function(){
44			tl.from($(this), 0.5, {autoAlpha: 0, y: 60, ease: Power1.easeInOut}, "-=0.4");
45		});
46
47		var scene = new ScrollMagic.Scene({
48			triggerElement	: this,
49			reverse			: false,
50			triggerHook		: 0.8
51		})
52		.setTween(tl)
53		.addTo(controller);
54
55	});
56
57});