Скажем "Нет" 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%; }