Slider Counter

Slider with counter

by Megi93

HTML

<img class="img" id="img_1" src="https://www.codeproject.com/KB/GDI-plus/ImageProcessing2/img.jpg">

<img class="img" id='img_2' src="http://animals.sandiegozoo.org/sites/default/files/2016-08/category-thumbnail-mammals_0.jpg">

<img class="img" id='img_3' src="http://legacy.semantic-ui.com/images/demo/photo.jpg">

JavaScript

var count = 1,
	img = document.querySelectorAll('.img');
All(); //function is calling

document.querySelector('#img_1').style.display = 'block';

setInterval(function() {
	All();

	document.querySelector('#img_' + count).style.display = 'block';

	if (count == img.length) {
		count = 1;
	} else {
		count++;
	}
}, 3000);

function All() {
	for (var i = 0; i < img.length; i++) {
		img[i].style.display = 'none';
	}
}