Слайдер из фоновых изображений

slider.js

Full: https://tympanus.net/codrops/2013/04/17/background-slideshow/

$(document).ready(function () 
{
  $(function() {
       //bgSlides.init();
   });

    var bgSlides = (function() {
        var $topslider = $('.slides');
        var $items = $topslider.find('span');
        var itemsCount = $items.length;
        var current = 0;
        var slideshowtime;
        var interval = 3500;
        var isStart = false;
        var speed = 1600;
        
        function init() {
            $items.each( function() {
                var $item = $(this);
                $item.css('background-image', 'url('+$item.data('src')+')');
            });
            $topslider.css('background-image','none');
            $items.eq(0).css('opacity', 1);
            startSlides();
        }
        
        function startSlides() {
            isStart = true;
            clearTimeout(slideshowtime);
            slideshowtime = setTimeout( function() {
                nextSlide();
                startSlides();
            }, interval);
        }
        
        function nextSlide() {
            var $oldItem = $items.eq(current);
            current = current < itemsCount - 1 ? ++current : 0;
            var $newItem = $items.eq(current);
            $oldItem.animate({opacity:'0'},speed);
            $newItem.animate({opacity:'1'},speed);
        }
        
        function stopSlides() {
            isStart = false;
            clearTimeout(slideshowtime);
        }

        return {init: init};

    })();

// $('.slides').click(function() {
    //     $topslider.slick('slickGoTo', parseInt($topslider.slick('slickCurrentSlide'))+1);
    // });