https://www.metallrecycling-graenz.de/public/www/themes/frontend/r…/src/js/gastro-slider.js?_=6ac5d1f0dfa11

1var GASTRO = {};
2    GASTRO.images = [];
3    GASTRO.Init = function(){
4        var _TPL = '<div data-id="0" id="slGas"><div class="prev"></div><div class="next"></div><div class="slidGastroWrapper">';
5        GASTRO.images = [];
6        var i = 0;
7        $('.gastro-Slider img').each(function(){
8            GASTRO[i] = $(this).attr("src");
9            _TPL += '<div class="item lightbox-06" data-id="'+i+'" style="background-image:url('+$(this).attr("src")+')"><img  src="'+$(this).attr("src")+'"></div>';
10            i++;
11        });
12        $('.gastro-Slider').closest('.pageBlock').css('z-index','10');
13        _TPL += '</div></div>';
14        $('.gastro-Slider').replaceWith(_TPL);
15        GAL.Init2();
16        $('#slGas .next').bind('click',function(){
17            if($(window).width()>460){
18                var did = parseFloat($('#slGas').attr("data-id"));
19                if(did < 2){
20                    $('#slGas .next').removeClass("opacity");
21                    $('#slGas .prev').removeClass("opacity");
22                    did = did + 1;
23                    
24                        var tm = did * 25;
25                    
26                    $('.slidGastroWrapper').stop().animate({ marginLeft: "-" + tm + "vw" },300);
27                    $('#slGas').attr("data-id",did);
28                }else{
29                    $('#slGas .next').addClass("opacity");
30                }
31            }else{
32                var did = parseFloat($('#slGas').attr("data-id"));
33                if(did < 4){
34                    $('#slGas .next').removeClass("opacity");
35                    $('#slGas .prev').removeClass("opacity");
36                    did = did + 1;
37                    
38                        var tm = did * 50;
39                    
40                    $('.slidGastroWrapper').stop().animate({ marginLeft: "-" + tm + "vw" },300);
41                    $('#slGas').attr("data-id",did);
42                }else{
43                    $('#slGas .next').addClass("opacity");
44                }
45            }
46        });
47        $('#slGas .prev').bind('click',function(){
48            var did = parseFloat($('#slGas').attr("data-id"));
49            if($(window).width()>460){
50                if(did >= 1){
51                    $('#slGas .prev').removeClass("opacity");
52                    $('#slGas .next').removeClass("opacity");
53                    did = did - 1;
54                    var tm = did * 25;
55                    $('.slidGastroWrapper').stop().animate({ marginLeft: "-" + tm + "vw" },300);
56                    $('#slGas').attr("data-id",(did));
57                }else{
58                    $('#slGas .prev').addClass("opacity");
59                }
60            }else{
61                if(did >= 1){
62                    $('#slGas .prev').removeClass("opacity");
63                    $('#slGas .next').removeClass("opacity");
64                    did = did - 1;
65                    var tm = did * 50;
66                    $('.slidGastroWrapper').stop().animate({ marginLeft: "-" + tm + "vw" },300);
67                    $('#slGas').attr("data-id",(did));
68                }else{
69                    $('#slGas .prev').addClass("opacity");
70                }
71            }
72        });
73        GAL.Init2();
74    };
75$(document).ready(function(){
76
77    GASTRO.Init();
78
79});