SliderControls.js
(function ($, window, document) {
var SliderControls = {
ui: {
$win: $(window),
$doc: $(document)
},
init: function () {
var _this = this;
this.ui.$win.resize(function () {
_this.setControlPosition();
}).trigger('resize');
},
getSlidesInRow: function () {
var $containerWidth = $('.views-slideshow-controls-bottom').width(),
$slideOffset = 10,
$slideWidth = $('.views_slideshow_thumbnailhover_div_breakout_teaser').width() + $slideOffset,
maxSlidesInRow = Math.floor($containerWidth / $slideWidth);
return ($('.views_slideshow_thumbnailhover_div_breakout_teaser').length <= maxSlidesInRow) ? $('.views_slideshow_thumbnailhover_div_breakout_teaser').length : maxSlidesInRow;
},
setControlPosition: function () {
var $lastSlideInRow = $('.views_slideshow_thumbnailhover_div_breakout_teaser').eq(this.getSlidesInRow() - 1),
$arrowsPosition = $lastSlideInRow.position().left + $('.views_slideshow_thumbnailhover_div_breakout_teaser').width() - $('.views_slideshow_controls').width();
$('.views_slideshow_controls').css({'left': $arrowsPosition});
}
};
$(function () {
SliderControls.init();
$(".filter__link").on('click', function () {
var elementClick = $(this).attr("href"),
destination = $(elementClick).offset().top;
$('body').animate({ scrollTop: destination }, 1100);
});
});
})(jQuery, window, document);
(function ($, window, document) {
var SliderControls = {
ui: {
$win: $(window),
$doc: $(document),
$controls: $('.views_slideshow_controls'),
$slidesWrapper: $('.views-slideshow-controls-bottom'),
$slide: $('.views_slideshow_thumbnailhover_div_breakout_teaser')
},
init: function () {
var _this = this;
this.ui.$win.resize(function () {
_this.setControlPosition();
}).trigger('resize');
},
getSlidesInRow: function () {
var $containerWidth = this.ui.$slidesWrapper.width(),
$slideOffset = 10,
$slideWidth = this.ui.$slide.width() + $slideOffset,
maxSlidesInRow = Math.floor($containerWidth / $slideWidth);
return (this.ui.$slide.length <= maxSlidesInRow) ? this.ui.$slide.length : maxSlidesInRow;
},
setControlPosition: function () {
var $lastSlideInRow = this.ui.$slide.eq(this.getSlidesInRow() - 1),
$arrowsPosition = $lastSlideInRow.position().left + this.ui.$slide.width() - this.ui.$controls.width();
this.ui.$controls.css({'left': $arrowsPosition});
}
};
$(function () {
SliderControls.init();
});
})(jQuery, window, document);