https://www.cchr.de/js/routes/slideshows.js

1
2(function() {
3
4
5
6	var owl, pageUrl;
7
8	JavascriptHandler.AddHandler(function() {
9
10		if($('.owl-carousel.slideshow').length > 0) {
11			initSlideShow()
12		}
13
14
15	});
16
17
18	function initSlideShow() {
19	    if(owl != undefined) {
20	    	owl.trigger('destroy.owl.carousel');
21        	owl.html(owl.find('.owl-stage-outer').html()).removeClass('owl-loaded');
22	    }
23
24	    owl = $('.owl-carousel.slideshow');
25
26	    pageUrl = window.location.path;
27
28	    function init() {
29	        //hide dots and arrow if we have only one slide
30	        if (slides.length < 2) {
31	            owl.owlCarousel({
32	                animateOut: 'fadeOut',
33	                margin: 10,
34	                items: 1,
35	                loop: false,
36	                responsiveClass: true,
37	                dots: false,
38	                dotsContainer: "#slideNav",
39	                mouseDrag: false,
40	                touchDrag: false,
41	                pullDrag: false
42	            });
43	            $('#slideNav, .slide-header-slide-control-btn').css('display', 'none');
44	        } else owl.owlCarousel({
45	            animateOut: 'fadeOut',
46	            items: 1,
47	            lazyLoad: true,
48	            dots: true,
49	            dotsContainer: "#slideNav",
50	            mouseDrag: false,
51	            touchDrag: true,
52	            pullDrag: false,
53	            autoplay: true,
54	            autoplayTimeout: 10000,
55	            autoplayHoverPause: true,
56	            lazyLoad: true,
57	            responsiveClass: true,
58	        });
59
60	        $(".next-arrow").click(function() {
61	            owl.trigger('next.owl.carousel');
62	        });
63
64	        $(".prev-arrow").click(function() {
65	            owl.trigger('prev.owl.carousel');
66	        });
67	        $('.slide-text').html('<span>' + slides[0] + '</span>');
68
69	        owl.on('translate.owl.carousel', function(event) {
70	            if ($('.info-text').length > 0) {
71	                var ind = event.item.index;
72	                tl = new TimelineMax({});
73	                tl.to($('.info-text'), 0.35, {
74	                        autoAlpha: 0,
75	                        onComplete: function() {
76	                            $('.info-text .wrap-borders').html('<span>' + slides[ind] + '</span>');
77	                        },
78	                        ease: Power3.easeInOut
79	                    })
80	                    .to($('.info-text'), 0.35, { autoAlpha: 1, ease: Power3.easeInOut });
81	            }
82	        });
83	    }
84
85	    $(window).on("orientationchange", function(event) {
86	    	if(pageUrl == window.location.path) {
87		        owl.trigger('destroy.owl.carousel');
88		        owl.html(owl.find('.owl-stage-outer').html()).removeClass('owl-loaded');
89		        init();
90	    	}
91	    });
92
93	    init();
94
95	}
96
97
98})();