Как сделать смену изображения через каждые 5 сек?

Question

[Mark]

Всем привет. Подскажите пожалуйста, как сделать смену изображения через каждые 5 сек?
jsfiddle.net/a068hw55/702

Answer 1

[Ivan Bogachev]

/* There is no JS scripts! */

На чистом CSS - никак. Просто потому, что CSS не позволяет "чекнуть" input. Вообще на CSS много чего нельзя сделать, я уже как-то раз приводил список аргументов в пользу слайдеров на скриптах.

Comments

[Mark]

Сюда допилить какой-нибудь скрипт не получится?
А через css animate/animations тоже не получится?

[Роман Александрович]

Mark: допилить какой нибудь скрипт и есть решение вашего вопроса. Напишите данный вопрос в раздел с тегами js и jquery

[Ivan Bogachev]

Mark: Можно подставить скрипт:

var state = 0,
    inputs = document.querySelectorAll('input[name=point]'),
    next = function() {
        if (++state === 5) {
            state = 0;
        }
    
        inputs[state].checked = true;
    },
    interval = setInterval(next, 3000);
  
[].forEach.call(inputs, function(input, index) {
    input.addEventListener('click', function() {
        clearInterval(interval);
        state = index;
        interval = setInterval(next, 3000);
    });
});

Но вы должны отдавать себе отчет в том, что это костыль. А костыли - это зло.