dist/js/materialize.js
function Slider(el, options) {
      _classCallCheck(this, Slider);

      var _this40 = _possibleConstructorReturn(this, (Slider.__proto__ || Object.getPrototypeOf(Slider)).call(this, Slider, el, options));

      _this40.el.M_Slider = _this40;

      /**
       * Options for the modal
       * @member Slider#options
       * @prop {Boolean} [indicators=true] - Show indicators
       * @prop {Number} [height=400] - height of slider
       * @prop {Number} [duration=500] - Length in ms of slide transition
       * @prop {Number} [interval=6000] - Length in ms of slide interval
       */
      _this40.options = $.extend({}, Slider.defaults, options);

      // setup
      _this40.$slider = _this40.$el.find('.slides');
      _this40.$slides = _this40.$slider.children('li');
      _this40.activeIndex = _this40.$slides.filter(function (item) {
        return $(item).hasClass('active');
      }).first().index();
      if (_this40.activeIndex != -1) {
        _this40.$active = _this40.$slides.eq(_this40.activeIndex);
      }

      _this40._setSliderHeight();

      // Set initial positions of captions
      _this40.$slides.find('.caption').each(function (el) {
        _this40._animateCaptionIn(el, 0);
      });

      // Move img src into background-image
      _this40.$slides.find('img').each(function (el) {
        var placeholderBase64 = 'data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
        if ($(el).attr('src') !== placeholderBase64) {
          $(el).css('background-image', 'url("' + $(el).attr('src') + '")');
          $(el).attr('src', placeholderBase64);
        }
      });

      _this40._setupIndicators();

      // Show active slide
      if (_this40.$active) {
        _this40.$active.css('display', 'block');
      } else {
        _this40.$slides.first().addClass('active');
        anim({
          targets: _this40.$slides.first()[0],
          opacity: 1,
          duration: _this40.options.duration,
          easing: 'easeOutQuad'
        });

        _this40.activeIndex = 0;
        _this40.$active = _this40.$slides.eq(_this40.activeIndex);

        // Update indicators
        if (_this40.options.indicators) {
          _this40.$indicators.eq(_this40.activeIndex).addClass('active');
        }
      }

      // Adjust height to current slide
      _this40.$active.find('img').each(function (el) {
        anim({
          targets: _this40.$active.find('.caption')[0],
          opacity: 1,
          translateX: 0,
          translateY: 0,
          duration: _this40.options.duration,
          easing: 'easeOutQuad'
        });
      });

      _this40._setupEventHandlers();

      // auto scroll
      _this40.start();
      return _this40;
    }
function Slider(el, options) {
      _classCallCheck(this, Slider);

      var _this40 = _possibleConstructorReturn(this, (Slider.__proto__ || Object.getPrototypeOf(Slider)).call(this, Slider, el, options));

      _this40.el.M_Slider = _this40;

      /**
       * Options for the modal
       * @member Slider#options
       * @prop {Boolean} [indicators=true] - Show indicators
       * @prop {Number} [height=400] - height of slider
       * @prop {Number} [duration=500] - Length in ms of slide transition
       * @prop {Number} [interval=6000] - Length in ms of slide interval
       */
      _this40.options = $.extend({}, Slider.defaults, options);

      // setup
      _this40.$slider = _this40.$el.find('.slides');
      _this40.$slides = _this40.$slider.children('li');
      _this40.activeIndex = _this40.$slides.filter(function (item) {
        return $(item).hasClass('active');
      }).first().index();
      if (_this40.activeIndex != -1) {
        _this40.$active = _this40.$slides.eq(_this40.activeIndex);
      }

      _this40._setSliderHeight();

      // Set initial positions of captions
      _this40.$slides.find('.caption').each(function (el) {
        _this40._animateCaptionIn(el, 0);
      });

      // Move img src into background-image
      _this40.$slides.find('img').each(function (el) {
        var placeholderBase64 = 'data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
        if ($(el).attr('src') !== placeholderBase64) {
          $(el).css('background-image', 'url("' + $(el).attr('src') + '")');
          $(el).attr('src', placeholderBase64);
        }
      });

      _this40._setupIndicators();

      // Show active slide
      if (_this40.$active) {
        _this40.$active.css('display', 'block');
      } else {
        _this40.$slides.first().addClass('active');
        anim({
          targets: _this40.$slides.first()[0],
          opacity: 1,
          duration: _this40.options.duration,
          easing: 'easeOutQuad'
        });

        _this40.activeIndex = 0;
        _this40.$active = _this40.$slides.eq(_this40.activeIndex);

        // Update indicators
        if (_this40.options.indicators) {
          _this40.$indicators.eq(_this40.activeIndex).addClass('active');
        }
      }

      // Adjust height to current slide
      _this40.$active.find('img').each(function (el) {
        anim({
          targets: _this40.$active.find('.caption')[0],
          opacity: 1,
          translateX: 0,
          translateY: 0,
          duration: _this40.options.duration,
          easing: 'easeOutQuad'
        });
      });

      _this40._setupEventHandlers();

      // auto scroll
      _this40.start();
      return _this40;
    }
function Slider ( el , options ) { _classCallCheck ( this , Slider ) ; var _this40 = _possibleConstructorReturn ( this , ( Slider . __proto__ || Object . getPrototypeOf ( Slider ) ) . call ( this , Slider , el , options ) ) ; _this40 . el . M_Slider = _this40 ; /**
       * Options for the modal
       * @member Slider#options
       * @prop {Boolean} [indicators=true] - Show indicators
       * @prop {Number} [height=400] - height of slider
       * @prop {Number} [duration=500] - Length in ms of slide transition
       * @prop {Number} [interval=6000] - Length in ms of slide interval
       */ _this40 . options = $ . extend ( { } , Slider . defaults , options ) ; // setup _this40 . $slider = _this40 . $el . find ( '.slides' ) ; _this40 . $slides = _this40 . $slider . children ( 'li' ) ; _this40 . activeIndex = _this40 . $slides . filter ( function ( item ) { return $ ( item ) . hasClass ( 'active' ) ; } ) . first ( ) . index ( ) ; if ( _this40 . activeIndex != - 1 ) { _this40 . $active = _this40 . $slides . eq ( _this40 . activeIndex ) ; } _this40 . _setSliderHeight ( ) ; // Set initial positions of captions _this40 . $slides . find ( '.caption' ) . each ( function ( el ) { _this40 . _animateCaptionIn ( el , 0 ) ; } ) ; // Move img src into background-image _this40 . $slides . find ( 'img' ) . each ( function ( el ) { var placeholderBase64 = 'data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' ; if ( $ ( el ) . attr ( 'src' ) !== placeholderBase64 ) { $ ( el ) . css ( 'background-image' , 'url("' + $ ( el ) . attr ( 'src' ) + '")' ) ; $ ( el ) . attr ( 'src' , placeholderBase64 ) ; } } ) ; _this40 . _setupIndicators ( ) ; // Show active slide if ( _this40 . $active ) { _this40 . $active . css ( 'display' , 'block' ) ; } else { _this40 . $slides . first ( ) . addClass ( 'active' ) ; anim ( { targets : _this40 . $slides . first ( ) [ 0 ] , opacity : 1 , duration : _this40 . options . duration , easing : 'easeOutQuad' } ) ; _this40 . activeIndex = 0 ; _this40 . $active = _this40 . $slides . eq ( _this40 . activeIndex ) ; // Update indicators if ( _this40 . options . indicators ) { _this40 . $indicators . eq ( _this40 . activeIndex ) . addClass ( 'active' ) ; } } // Adjust height to current slide _this40 . $active . find ( 'img' ) . each ( function ( el ) { anim ( { targets : _this40 . $active . find ( '.caption' ) [ 0 ] , opacity : 1 , translateX : 0 , translateY : 0 , duration : _this40 . options . duration , easing : 'easeOutQuad' } ) ; } ) ; _this40 . _setupEventHandlers ( ) ; // auto scroll _this40 . start ( ) ; return _this40 ; }
Construct Slider instance and set up overlay
@constructor
@param {Element} el
@param {Object} options
Construct Slider instance and set up overlay