https://www.docgb.org/js/fader.js

1var Fader=function(t,e){e||(e={}),this.width=e.width||"full",this.height=e.height||400,this.element=document.querySelector(t),this.wait=e.wait||3e3,this.transitionTime=e.transitionTime||500,this.ease=e.ease||"ease-in-out",this.loop=e.loop||!1,this._slides=[],this._currentSlide=0,this._previousSlide=null,this._getSlides(),this._resizeSlider(),this._setupSlides(),this._setupSlider(),this._startTimer()};Fader.prototype._getSlides=function(){this._slides=this.element.querySelectorAll("li")},Fader.prototype._resizeSlider=function(){var t=this._calculateWidth(),e=this._calculateHeight();this.element.style.width=t,this.element.style.height=e},Fader.prototype._setupSlides=function(){var t=this;this._each(this._slides,function(e,i){e.style.width="100%",e.style.height="100%",e.style.position="absolute",e.style.top="0",e.style.bottom="0",e.style.opacity="0",e.style.zIndex="-10",e.style.transition="opacity "+t.transitionTime+"ms "+t.ease})},Fader.prototype._setupSlider=function(){this.element.style.position="relative",this.element.querySelector("ul").style.padding="0",this._activateSlide(0)},Fader.prototype._activateSlide=function(t){(t=this._slides[t]).classList.add("active"),t.style.opacity="1",t.style.zIndex="0"},Fader.prototype._deactivateSlide=function(t){(t=this._slides[t]).classList.remove("active"),t.style.opacity="0",t.style.zIndex="-10"},Fader.prototype._startTimer=function(){this.timer=setInterval(this.nextSlide.bind(this),this.wait)},Fader.prototype._resetTimer=function(){clearInterval(this.timer),this._startTimer()},Fader.prototype._changeSlide=function(t,e){this._activateSlide(t),null!==e&&this._deactivateSlide(e)},Fader.prototype.nextSlide=function(){this._currentSlide<this._slides.length-1?(this._previousSlide=this._currentSlide,this._currentSlide++):this.loop&&(this._previousSlide=this._currentSlide,this._currentSlide=0),this._changeSlide(this._currentSlide,this._previousSlide),this._resetTimer()},Fader.prototype.prevSlide=function(){0<this._currentSlide?(this._previousSlide=this._currentSlide,this._currentSlide--):this.loop&&(this._previousSlide=this._currentSlide,this._currentSlide=this._slides.length-1),this._resetTimer(),this._changeSlide(this._currentSlide,this._previousSlide)},Fader.prototype.setHeight=function(t){this.height=t,this._resizeSlider()},Fader.prototype.setWidth=function(t){this.width=t,this._resizeSlider()},Fader.prototype._calculateWidth=function(){return"full"===this.width?"100%":this.width+"px"},Fader.prototype._calculateHeight=function(){return"full"===this.height?"100%":this.height+"px"},Fader.prototype._each=function(t,e){for(var i=0;i<t.length;i++)e(t[i],i)};