https://lena1988.ru/local/templates/lenafur/scripts/promo-slider.js?16805324681776

1(function() {
2	"use strict";
3	(function() {
4		"use strict";
5		App.gui.add({
6			_name: 'promo-slider',
7			selector: '.js-promo-slider > ul, .js-promo-slider  >  a, .js-promo-slider  >  div',
8			build: function($el) {
9				var pagingTitles = ["Куница", "Кисет", "Нашивка<br> на тесьму"];
10				var options = {
11					arrows: false,
12					dots: true,
13					customPaging: function(slider, i) {
14						console.log($(slider.$slides[i]).data());
15						console.log($(slider.$slides[i]).attr('href'));
16						return $('<div class="promo-slider-dot"></div>').html('<a href="'+$(slider.$slides[i]).attr('href')+'" title="'+$(slider.$slides[i]).data('name')+'" >'+$(slider.$slides[i]).data('name')+'</a>').get(0).outerHTML;
17					},
18					autoplay: true,
19					autoPlay: 3000
20				};
21
22				$el.slick(options);
23
24				var slickDots = $('.slick-dots');
25				slickDots.addClass('__slide-0');
26
27				$el.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
28					slickDots[0].className = slickDots[0].className.replace(/ __slide-.*/g, '');
29					slickDots.addClass('__slide-' + nextSlide);
30				});
31
32				var dot = $('.promo-slider-dot');
33
34				dot.on('mouseover', function() {
35					var slideNum = $('.promo-slider-dot').index(this);
36					$el.slick('slickGoTo', slideNum);
37					$el.slick('pause');
38					var slickDots = $('.slick-dots');
39					slickDots[0].className = slickDots[0].className.replace(/ __slide-.*/g, '');
40					slickDots.addClass('__slide-' + slideNum);
41				});
42
43				dot.on('mouseout', function() {
44					$el.slick('play');
45				});
46
47				return {
48					destroy: function() {
49						$el.slick("unslick");
50					}
51				}
52			},
53			destroy: function($el, methods) {
54				if (methods && typeof methods['destroy'] == 'function') methods['destroy']();
55			}
56		});
57	})();
58})();