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

Программисты Html
Ответить
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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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