theexplay
7/18/2016 - 11:20 AM

SliderControls.js

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);