Евгений Голубев

<div class="slider">
	<div class="overflow-imgs">
		<div class="line-imgs">
			<img src="https://pp.userapi.com/c830409/v830409785/1be33e/73SFiK33foM.jpg" />
			<img src="https://pp.userapi.com/c830409/v830409785/1be345/oIX93cgm34k.jpg" />
			<img src="https://pp.userapi.com/c830409/v830409785/1be34c/ApLT7ZF9qXg.jpg" />
			<img src="https://pp.userapi.com/c830409/v830409785/1be353/SjILkQiUBac.jpg" />
		</div>
	</div>
	<div class="prev arrow">Назад</div><div class="next arrow">Вперед</div>
</div>

html, body{margin: 0px 0px 0px 0px;width:  100%;}

.slider{
	width: 230px;
	margin: 20px auto 0px auto;
}

.overflow-imgs{
	width: 100px;
	height: 100px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}

.line-imgs{
	width: 400px;
	position: relative;
	left: 0px;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.line-imgs > img{
	float: left;
}

.arrow{
	width: 100px;
	height: 40px;
	text-align: center;
	line-height: 37px;
	color: #fff;
	cursor: pointer;
	margin: 10px 0px 0px 0px;
	background: #2269ff;
	display: inline-block;
	position: relative;
	margin-left: 10px;
}

// http://www.cyberforum.ru/javascript-beginners/thread2334912.html



let lineImgs = document.querySelectorAll('.line-imgs')[0],
	img = lineImgs.querySelector('img'),
	i = 0;
document.querySelectorAll('.slider')[0].addEventListener('click',e => {
	if(e.target.classList.contains('next')) i == -3 ? (i = 0, lineImgs.style.left = '0px') : (i--, lineImgs.style.left = (i * img.width) + 'px');
	if(e.target.classList.contains('prev')) i == 0 ? (i = -3, lineImgs.style.left = '-300px') : (i++, lineImgs.style.left = (i * img.width) + 'px');
});

Каждая машина оборудована устройствами GPS и ГЛОНАСС, которые раз в 20–60 секунд передают по мобильному интернету сигналы о своем местоположении на сервер перевозчика. Установкой этих устройств занимаются сами перевозчики, муниципальные и частные. Сейчас приложению в Москве доступна информация о 758 автобусных, 80 троллейбусных и 38 трамвайных маршрутах, а также о 350 маршрутах «Автолайна». Мы получаем от перевозчиков ID машины, номер маршрута, тип транспорта (автобус, троллейбус, трамвай или маршрутка), время сигнала и координаты, широту и долготу.