Как создать CSS только Auto/Rederual SliderCSS

Разбираемся в CSS
Anonymous
Как создать CSS только Auto/Rederual Slider

Сообщение Anonymous »

Возможно ли добавить ручное управление автомобильно -слайдеру только в CSS или это требует JS или JQuery? Намерение состоит в том, чтобы иметь автоматический ползунок в задержке, и когда пользователь выбирает кнопку Slider CTRL из галереи или нажимает кнопку «Пример». Пример: https://jsfiddle.net/mx738n2g/

.fling-minislide {
width:350px;
height:300px;
overflow:hidden;
position:relative; }

.fling-minislide img{
position:absolute;
animation:fling-minislide 20s infinite;
opacity:0; width: 100%; height: auto;}

@keyframes fling-minislide {10%{opacity:1;} 25%{opacity:0;}}
.fling-minislide img:nth-child(4){animation-delay:0s;}
.fling-minislide img:nth-child(3){animation-delay:5s;}
.fling-minislide img:nth-child(2){animation-delay:10s;}
.fling-minislide img:nth-child(1){animation-delay:15s;}


Подробнее здесь: https://stackoverflow.com/questions/587 ... ual-slider

Вернуться в «CSS»