https://www.gems.pro/Frontend/Orckestra/Web/Html/Jumbotron/JumbotronSlides.js

1$(document).ready(function () {
2	$('#jumbotronSlides').cycle();
3
4	var firstSlideElements = $(".slide-0").find("[data-appear-effect]");
5	appearSlideElements(firstSlideElements);
6
7	$('#jumbotronSlides').on('cycle-before', function (e, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag) {
8		var incomingSlideEls = $(incomingSlideEl).find("[data-appear-effect]");
9		if ((incomingSlideEls.length > 0) && !Modernizr.touch) {
10			appearSlideElements(incomingSlideEls);
11		};
12
13		var outgoingSlideEls = $(outgoingSlideEl).find("[data-disappear-effect]");
14		if (outgoingSlideEls.length > 0) {
15			outgoingSlideEls.each(function () {
16				var $this = $(this),
17                appearEffect = $this.attr("data-appear-effect"),
18                hideEffect = $this.attr("data-disappear-effect");
19				if (Modernizr.mq('only all and (min-width: 768px)') && Modernizr.csstransitions) {
20					$this.removeClass(appearEffect).removeClass("object-non-visible").removeClass("object-visible");
21					$this.addClass(hideEffect);
22				}
23			});
24		};
25		setTimeout(function () {
26			outgoingSlideEls.attr("class", "").addClass("object-non-visible");
27		}, 600);
28
29	});
30
31	function appearSlideElements(elements) {
32		elements.each(function () {
33			var $this = $(this),
34            animationEffect = $this.attr("data-appear-effect");
35			if (Modernizr.mq('only all and (min-width: 768px)') && Modernizr.csstransitions) {
36
37				var delay = ($this.attr("data-effect-delay") ? $this.attr("data-effect-delay") : 1);
38				if (delay > 1) $this.css("effect-delay", delay + "ms");
39
40				setTimeout(function () {
41					$this.addClass('animated object-visible ' + animationEffect);
42				}, delay);
43
44			} else {
45				$this.addClass('object-visible');
46			}
47		});
48	}
49});