diff --git a/dev/js/main/contentElements/slider.js b/dev/js/main/contentElements/slider.js index c541eec..145e4e7 100644 --- a/dev/js/main/contentElements/slider.js +++ b/dev/js/main/contentElements/slider.js @@ -1,3 +1,4 @@ +/* global Swiper*/ (function($) { 'use strict'; @@ -6,7 +7,7 @@ // initialize swiper when document ready // http://idangero.us/swiper/api/ - $('.js__img-slider').swiper({ + var swiper = new Swiper('.js__img-slider', { nextButton: '.js__img-slider__btn-next', prevButton: '.js__img-slider__btn-prev', pagination: '.js__img-slider__pagination', @@ -17,6 +18,15 @@ lazyLoadingInPrevNext: true, speed: 600 }); + // Makes it possible to skip between slider images if they have links, using the tab button + swiper.container.on('focus', 'a', function(e) { + //Index of focused slide + var focusIndex = $(e.target).parents('.swiper-slide').index(); + //Reset scrollLeft set by browser on focus + swiper.container.scrollLeft(0); + //Slide to focused slide + swiper.slideTo(focusIndex); + }); }); })(jQuery);