https://direktvertrieb.de/assets/scripts/hero.js

1function Hero($heroContainer, quotes, images) {
2    var $display = $heroContainer.find(".display")
3    var $lead = $heroContainer.find(".lead")
4    var $text = $heroContainer.find(".text")
5    var quoteIndex = 0
6    shuffle(quotes)
7    shuffle(images)
8    $lead.css("opacity", 0)
9    $display.css("opacity", 0)
10    var imageSources = []
11    for (var i = 0; i < images.length; i++) {
12        imageSources[i] = images[i][0]
13
14    }
15    $heroContainer.backgroundSlideshow({
16        onBeforeTransition: function (index) {
17            if (i % 5 === 4) {
18                $display.css({opacity: 0})
19            }
20            $lead.css({opacity: 0})
21        },
22        onAfterTransition: function (index) {
23            if (i % 5 === 4) {
24                quoteIndex++
25                $display.html(quotes[quoteIndex])
26                $display.css({opacity: 1})
27            }
28            $lead.html(images[index][1])
29            $lead.css({opacity: 1})
30            i++
31        },
32        delay: 8000,
33        images: imageSources
34    })
35    $display.html(quotes[0])
36    $display.css({opacity: 1})
37    i++
38    $text.hide()
39    setTimeout(function() {
40        $text.fadeIn(1000)
41    }, 250)
42}