https://www.ake-eisenbahntouristik.de/wp-content/themes/truetheme/…/includes/assets/js/carousel_init.js

1$(document).ready(function() {
2
3    // -- init owl
4
5    var $teaserSlider = $('.contentify_teaser.teaser--carousel'),
6        $slider = $('.teaser_slider');
7
8    if ( $teaserSlider.length > 0 ) {
9
10        $slider.owlCarousel({
11            dots: true,
12            nav: false,
13            items: 1,
14            freeDrag: false,
15            navText: [
16                '<span class="fa fa-angle-left"></span>',
17                '<span class="fa fa-angle-right"></span>'
18            ],
19            responsive: {
20                0: {
21                    dots: true,
22                    nav: false,
23                    items: 1
24                },
25                768: {
26                    dots: true,
27                    nav: false,
28                    items: 2
29                },
30                992: {
31                    dots: true,
32                    nav: false,
33                    items: 3
34                },
35                1200: {
36                    dots: false,
37                    nav: true,
38                    items: 3
39                }
40
41            }
42        });
43
44    }
45
46
47    // -- init masonry
48
49    var $teaserMasonry = $('.contentify_teaser.teaser--masonry');
50
51    if ( $teaserMasonry.length > 0 ) {
52        var $masonryDefault = $('.teaser_masonry-row').masonry({
53            itemSelector: '.masonry_item',
54            columnWidth: '.grid-sizer',
55            percentPosition: true
56        });
57
58        $masonryDefault.masonry('layout');
59
60        $(".teaser_masonry-row img.lazyload").responsiveimages({}, function () {
61            $(this).load(function () {
62                this.style.opacity = 1;
63                $masonryDefault.masonry('layout');
64            });
65        });
66    }
67
68
69    // init masonry for grid
70
71
72    $(".tile_image").responsiveimages({
73        background: true,
74    }, function () {
75        $(this).on('load', function () {
76            this.style.opacity = 1;
77        });
78    });
79
80    var $teaserGrid = $('.contentify_teaser.teaser--masonry_grid');
81
82    if ( $teaserGrid.length > 0 ) {
83        var $masonryGrid = $('.teaser_masonry-row_grid').masonry({
84            itemSelector: '.masonry_item',
85            columnWidth: '.grid-sizer',
86            percentPosition: true
87        });
88
89        $masonryGrid.masonry('layout');
90
91        $(".teaser_masonry-row_grid .tile_image").responsiveimages({}, function () {
92            $(this).load(function () {
93                this.style.opacity = 1;
94                $masonryGrid.masonry('layout');
95            });
96        });
97    }
98});