background slider

(function ($) {
	'use strict';
	/*
		background slider
	*/
	$('#background-slider1').attr('data-slides1', '["http://site.com/wp-content/uploads/2018//05/32-1.jpg","http://site.com/wp-content/uploads/2018//05/33-1.jpg","http://site.com/wp-content/uploads/2018//05/38-1.jpg","http://site.com/wp-content/uploads/2018//05/39-1.jpg","http://site.com/wp-content/uploads/2018//05/26-1.jpg","http://site.com/wp-content/uploads/2018//05/16-1.jpg","http://site.com/wp-content/uploads/2018//05/56-1.jpg"]');
	var slide1 = $("[data-slides1]"),
	count = 0,
	slides1 = slide1.data("slides1"),
	len = slides1.length,
	n1 = function () {
		if (count >= len) {
			count = 0
		}					
		slide1.stop().animate({opacity: 0},1000,function(){
			$(this).css({'background-image': 'url("' + slides1[count] + '")'})
			.show(0, function () {
				setTimeout(n1, 5000)
			})
			.animate({opacity: 1},{duration:100});
		});					
		count++;
	};
	n1();
	//slider2		
	$('#background-slider2').attr('data-slides2', '["http://site.com/wp-content/uploads/2018//05/29.jpg","http://site.com/wp-content/uploads/2018//05/34.jpg","http://site.com/wp-content/uploads/2018//05/31.jpg","http://site.com/wp-content/uploads/2018//05/42.jpg","http://site.com/wp-content/uploads/2018//05/52.jpg"]');
	var slide2 = $("[data-slides2]"),
	count = 0,
	slides2 = slide2.data("slides2"),
	len = slides2.length,
	n2 = function () {
		if (count >= len) {
			count = 0
		}
		slide2.stop().animate({opacity: 0},1000,function(){
			$(this).css({'background-image': 'url("' + slides2[count] + '")'})
			.show(0, function () {
				setTimeout(n2, 5500)
			})
			.animate({opacity: 1},{duration:100});
		});
		count++;
	};
	n2();		
	//slider3		
	$('#background-slider3').attr('data-slides3', '["http://site.com/wp-content/uploads/2018//05/12.jpg","http://site.com/wp-content/uploads/2018//05/58-1.jpg","http://site.com/wp-content/uploads/2018//05/14.jpg","http://site.com/wp-content/uploads/2018//05/42.jpg","http://site.com/wp-content/uploads/2018//05/52.jpg"]');
	var slide3 = $("[data-slides3]"),
	count = 0,
	slides3 = slide3.data("slides3"),
	len = slides3.length,
	n3 = function () {
		if (count >= len) {
			count = 0
		}
		slide3.stop().animate({opacity: 0},1000,function(){
			$(this).css({'background-image': 'url("' + slides3[count] + '")'})
			.show(0, function () {
				setTimeout(n3, 6000)
			})
			.animate({opacity: 1},{duration:100});
		});
		count++;
	};
	n3();		
})(jQuery);