Цикличная смена фона элемента изображениями из массива

@prolina · Регистрация: 11.05.2018

Студворк — интернет-сервис помощи студентам

Всем доброго времени суток! Подскажите пожалуйста, почему код не работает?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
var myImage = document.getElementById("header");
var imageArray = ["img/1.jpg", "img/hleb.jpg", "img/2.jpg"];
var imageIndex = 0;
    function changeImage() {
    myImage.style.backgroundImage = imageArray[imageIndex];
    imageIndex++;
    if (imageIndex >= imageArray.lenght) {
        imageIndex = 0;
    }
}
 var intervalHandle = setInterval(changeImage,5000);

@kalabuni · 20.05.2018, 23:16

когда в качестве фона используется файл изображения, синтаксис должен быть следующий:

JavaScript
1
2
myImage.style.backgroundImage = 'url(' + imageArray[imageIndex] + ')';
// между url и открывающей круглой скобкой пробела быть не должно

пруф -- https://developer.mozilla.org/... ound-image

@prolina · 21.05.2018, 10:32 **[ТС]**

Всё заработало. Огромное спасибо )

Добавлено через 1 час 0 минут
Назрел еще вопрос))
Все картинки в массиве перебираются, потом доходит до самой первой ( она же и стоит в css: background-image: url(img/2.jpg); ), а потом undefined, и никакого переключения нету.

@kalabuni · 21.05.2018, 11:16

в моём сообщении Как создать сменяющуюся ссылку при обновлении страницы? описан алгоритм "вечного двигателя" и дан пример кода
используйте его, и вам никакие if'ы не понадобятся

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

@prolina 0 / 0 / 0 Регистрация: 11.05.2018 Сообщений: 23
	21.05.2018, 10:32 [ТС]
	Всё заработало. Огромное спасибо ) Добавлено через 1 час 0 минут Назрел еще вопрос)) Все картинки в массиве перебираются, потом доходит до самой первой ( она же и стоит в css: background-image: url(img/2.jpg); ), а потом undefined, и никакого переключения нету. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	21.05.2018, 11:16
	в моём сообщении Как создать сменяющуюся ссылку при обновлении страницы? описан алгоритм "вечного двигателя" и дан пример кода используйте его, и вам никакие if'ы не понадобятся 0

Цикличная смена фона элемента изображениями из массива

Решение