1

Topic: Простой слайдер на JavaScript

Скрипт простого слайдера меняющихся картинок. Картинки добавлять нужно в массив. Задать интервал нужно с помощью таймера.

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript для начинающих</title>
    <meta charset="utf-8">
<script>
window.addEventListener("load", function() {
    var b = ["http://javascript.ru/forum/image.php?u=45816&dateline=1453878207", "http://javascript.ru/forum/image.php?u=7416&dateline=1372796129", "http://javascript.ru/forum/images/ca_serenity/misc/logo.gif"],
        c = b.length,
        a = 0,
        d = document.querySelector("#photo img");
    (function e() {
        d.src = b[++a, a %= c];
        window.setTimeout(e, 1E3)
    })()
});

</script>
<link rel='stylesheet' href="style.css">
</head>
<body>
    <div id = "photo">
        <img src="http://javascript.ru/forum/image.php?u=45816&dateline=1453878207">
    </div>
</body>
</html>

2

Re: Простой слайдер на JavaScript

Xakker, я сейчас вижу, что фото меняются с частотой в 1 секунду. пожалуйста ткните меня носом, как увеличить интервал между картинками?

3

Re: Простой слайдер на JavaScript

Вот в этой части кода
window.setTimeout(e, 1E3)
цифра 1 это одна секунда.замените на свое значение