https://sspu.ru/js/slider-rek-2.js

1var sliderekNow2 = 1;
2var sliderekCount2 = $('#sliderekrekwrapper2').children().length;
3var sliderekInterval2 = 4000;
4var navBtnId2 = 0;
5var translateWidth2 = 0;
6
7$(document).ready(function() {
8    var switchInterval2 = setInterval(nextreksliderek2, sliderekInterval2);
9	
10	// êîñòûëèì css calc
11	$('#sliderekrekwrapper2').css({'width': (100*sliderekCount2) + '%'});
12	$('.sliderek2').css({'width': (100/sliderekCount2) + '%'});
13	
14	// ãåíåðèì ôèøêè áûñòðîãî ïåðåõîäà
15	for (var i = 1; i <= sliderekCount2; i++) {
16		$('#navrek-btns2').append("<li class=\"sliderek-nav-btn2\"></li>");
17	}
18	$('.sliderek-nav-btn2:first').addClass("sliderek-nav-btn2-now");	// ïåðâóþ ïîìåòèì àêòèâíîé
19
20    $('#sliderekr_reklama2').hover(function() {
21        clearInterval(switchInterval2);
22    }, function() {
23        switchInterval2 = setInterval(nextreksliderek2, sliderekInterval2);
24    });
25
26    $('#nextrek-btn2').click(function() {
27        nextreksliderek2();
28    });
29
30    $('#prevrek-btn2').click(function() {
31        prevreksliderek2();
32    });
33
34    $('.sliderek-nav-btn2').click(function() {
35        navBtnId2 = $(this).index();
36
37        if (navBtnId2 + 1 != sliderekNow2) {
38            translateWidth2 = -$('#sliderekr_reklama2').width() * (navBtnId2);
39            $('#sliderekrekwrapper2').css({
40                'transform': 'translate(' + translateWidth2 + 'px, 0)',
41                '-webkit-transform': 'translate(' + translateWidth2 + 'px, 0)',
42                '-ms-transform': 'translate(' + translateWidth2 + 'px, 0)',
43            });
44            sliderekNow2 = navBtnId2 + 1;
45        }
46		sliderekNow2Set();
47    });
48});
49
50
51function nextreksliderek2() {
52    if (sliderekNow2 == sliderekCount2 || sliderekNow2 <= 0 || sliderekNow2 > sliderekCount2) {
53        $('#sliderekrekwrapper2').css('transform', 'translate(0, 0)');
54        sliderekNow2 = 1;
55    } else {
56        translateWidth2 = -$('#sliderekr_reklama2').width() * (sliderekNow2);
57        $('#sliderekrekwrapper2').css({
58            'transform': 'translate(' + translateWidth2 + 'px, 0)',
59            '-webkit-transform': 'translate(' + translateWidth2 + 'px, 0)',
60            '-ms-transform': 'translate(' + translateWidth2 + 'px, 0)',
61        });
62        sliderekNow2++;
63    }
64	sliderekNow2Set();
65}
66
67function prevreksliderek2() {
68    if (sliderekNow2 == 1 || sliderekNow2 <= 0 || sliderekNow2 > sliderekCount2) {
69        translateWidth2 = -$('#sliderekr_reklama2').width() * (sliderekCount2 - 1);
70        $('#sliderekrekwrapper2').css({
71            'transform': 'translate(' + translateWidth2 + 'px, 0)',
72            '-webkit-transform': 'translate(' + translateWidth2 + 'px, 0)',
73            '-ms-transform': 'translate(' + translateWidth2 + 'px, 0)',
74        });
75        sliderekNow2 = sliderekCount2;
76    } else {
77        translateWidth2 = -$('#sliderekr_reklama2').width() * (sliderekNow2 - 2);
78        $('#sliderekrekwrapper2').css({
79            'transform': 'translate(' + translateWidth2 + 'px, 0)',
80            '-webkit-transform': 'translate(' + translateWidth2 + 'px, 0)',
81            '-ms-transform': 'translate(' + translateWidth2 + 'px, 0)',
82        });
83        sliderekNow2--;
84    }
85	sliderekNow2Set();
86}
87
88// ïîäñâåòèò ôèøêó òåêóùåãî ñëàéäà
89function sliderekNow2Set() {
90	$(".sliderek-nav-btn2").each(
91		function (index, elem) {
92			if (sliderekNow2 == index + 1){
93				$(this).addClass("sliderek-nav-btn2-now");
94			}else{
95				$(this).removeClass("sliderek-nav-btn2-now");
96			}
97		}
98	);
99}