Скажем "Нет" JavaScript!

Данный слайдер работает также как и другие слайдеры на JavaScript. Он сдвигает области внутри себя (посредством margin) и скрывает чсть, вышедшую за рамки

Как же работает этот слайдер?

Сначала сверху создаем радио кнопки (сколько слайдов), задаем им id и скрываем из видимости. Затем создаем Label, оформляем их ввиде стрелочек. Итак при нажатии на стрелочку радио кнопка приобретает значение checked и срабатывает следующее:
	#slide1:checked ~ #slides .inner { margin-left:0; }
	#slide2:checked ~ #slides .inner { margin-left:-100%; }
	#slide3:checked ~ #slides .inner { margin-left:-200%; }
	#slide4:checked ~ #slides .inner { margin-left:-300%; }
	#slide5:checked ~ #slides .inner { margin-left:-400%; }