Смена картинки каждый месяц

@Аватар-С · Регистрация: 03.02.2017

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

Здравствуйте!

Следующая ситуация необходим код JavaScript, который меняет картинки каждый месяц.
Я, написал следующий код но, он не работает. Пожалуйста подскажите что в нем не так.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Картинка на каждый месяц</title>
    <style>
    </style>
 </head>
 <body>
    <img id="kbLogo" src="c:/сайт/archive/img/01_Dog/default.jp" alt="Не витит картинку!" width="75%" onload="vImg()" />
    
    <script>
            var Data = new Date();
            var vDay = Data.getDate();
            var vMonth = Data.getMonth();
            var vYear = Data.getFullYear();
            //var vImg = vImg;
            var vMonth = parseInt(window.prompt('Введите месяц'));
 
            function kblogo() {
            if (vMonth == 1){vImg = "c:/сайт/archive/img/01_Dog/01.jpg";}
                else if (vMonth == 2 ){vImg = "c:/сайт/archive/img/01_Dog/02.jpg";}
                else if (vMonth == 3 ){vImg = "c:/сайт/archive/img/01_Dog/03.jpg";}
                else if (vMonth == 4 ){vImg = "c:/сайт/archive/img/01_Dog/04.jpg";}
                else if (vMonth == 5 ){vImg = "c:/сайт/archive/img/01_Dog/05.jpg";}
                else if (vMonth == 6 ){vImg = "c:/сайт/archive/img/01_Dog/06.jpg";}
                else if (vMonth == 7 ){vImg = "c:/сайт/archive/img/01_Dog/07.jpg";}
                else if (vMonth == 8 ){vImg = "c:/сайт/archive/img/01_Dog/08.jpg";}
                else if (vMonth == 9 ){vImg = "c:/сайт/archive/img/01_Dog/09.jpg";}
                else if (vMonth == 10){vImg = "c:/сайт/archive/img/01_Dog/10.jpg";}
                else if (vMonth == 11){vImg = "c:/сайт/archive/img/01_Dog/11.jpg";}
                else if (vMonth == 12){vImg = "c:/сайт/archive/img/01_Dog/12.jpg";}
                document.getElementById("kbLogo").src = vImg;
            }
            window.alert(vMonth+'.'+vYear);
            //document.write(vMonth);
            
            /*function logo(img) {
            //  if (img.src.indexOf('default')==-1) return; // already changed 
                var d = new Date();
                //var Today = d.getDate();
                var Month = d.getMonth();
                var src;
                if (Month == 1) {src = "c:/сайт/archive/img/01_Dog/01.jpg";}
                    else if (Month == 2 ){src = "c:/сайт/archive/img/01_Dog/02.jpg";}
                    else if (Month == 3 ){src = "c:/сайт/archive/img/01_Dog/03.jpg";}
                    else if (Month == 4 ){src = "c:/сайт/archive/img/01_Dog/04.jpg";}
                    else if (Month == 5 ){src = "c:/сайт/archive/img/01_Dog/05.jpg";}
                    else if (Month == 6 ){src = "c:/сайт/archive/img/01_Dog/06.jpg";}
                    else if (Month == 7 ){src = "c:/сайт/archive/img/01_Dog/07.jpg";}
                    else if (Month == 8 ){src = "c:/сайт/archive/img/01_Dog/08.jpg";}
                    else if (Month == 9 ){src = "c:/сайт/archive/img/01_Dog/09.jpg";} //
                    else if (Month == 10){src = "c:/сайт/archive/img/01_Dog/10.jpg";}
                    else if (Month == 11){src = "c:/сайт/archive/img/01_Dog/11.jpg";}
                    else if (Month == 12){src = "c:/сайт/archive/img/01_Dog/12.jpg";}
                img.src=src;
            }
            window.alert(Month);
            //document.write(Month);*/
    </script>
    <noscript>Ваш браузер не поддерживает JavaScript или поддержка отключена в настройках.</noscript>
</body>
</html>

Qwerty_Wasd · 28.10.2018, 16:21

Аватар-С,

Сообщение от Аватар-С

Пожалуйста подскажите что в нем не так.

всё (без обид).
Вам нужно чтобы каждый месяц картинка менялась сама?

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Картинка на каждый месяц</title>
    <style>
 
    </style>
</head>
<body> <img id="kbLogo" src="https://dummyimage.com/200x200/b86464/000000.png" alt="" />
    <script>
    var logo = document.getElementById('kbLogo'),
        imgMonth = ["https://dummyimage.com/200x200/000000/fff.png", "https://dummyimage.com/200x200/d4d0d4/000000.png", "https://dummyimage.com/200x200/f203f2/000000.png", "https://dummyimage.com/200x200/ad77c2/000000.png", "https://dummyimage.com/200x200/8578c2/000000.png", "https://dummyimage.com/200x200/7881c2/000000.png", "https://dummyimage.com/200x200/78b3c2/000000.png", "https://dummyimage.com/200x200/78c2a8/000000.png", "https://dummyimage.com/200x200/78c27e/000000.png", "https://dummyimage.com/200x200/a4c278/000000.png", "https://dummyimage.com/200x200/c2c078/000000.png", "https://dummyimage.com/200x200/c27878/000000.png"],
        changeMonth = function() {
            logo.src = imgMonth[(new Date()).getMonth()]
        };
    logo.addEventListener('load', changeMonth);
    </script>
    <noscript>Ваш браузер не поддерживает JavaScript или поддержка отключена в настройках.</noscript>
</body>
</html>

Или Вам нужно вводить номер месяца?

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Картинка на каждый месяц</title>
    <style>
 
    </style>
</head>
<body> <img id="kbLogo" src="https://dummyimage.com/200x200/b86464/000000.png" alt="" />
    <script>
    var logo = document.getElementById('kbLogo'),
        imgMonth = ["https://dummyimage.com/200x200/000000/fff.png", "https://dummyimage.com/200x200/d4d0d4/000000.png", "https://dummyimage.com/200x200/f203f2/000000.png", "https://dummyimage.com/200x200/ad77c2/000000.png", "https://dummyimage.com/200x200/8578c2/000000.png", "https://dummyimage.com/200x200/7881c2/000000.png", "https://dummyimage.com/200x200/78b3c2/000000.png", "https://dummyimage.com/200x200/78c2a8/000000.png", "https://dummyimage.com/200x200/78c27e/000000.png", "https://dummyimage.com/200x200/a4c278/000000.png", "https://dummyimage.com/200x200/c2c078/000000.png", "https://dummyimage.com/200x200/c27878/000000.png"];
    logo.src = imgMonth[prompt("Введите номер месяца(1-12):") - 1];
    </script>
    <noscript>Ваш браузер не поддерживает JavaScript или поддержка отключена в настройках.</noscript>
</body>
</html>

@amr-now · 28.10.2018, 16:45

Если нумерация всех картинок строгая (все картинки пронумерованы по месяцам) и

Сообщение от Аватар-С

необходим код JavaScript, который меняет картинки каждый месяц

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Картинка на каждый месяц</title>
</head>
<body>
    <img id="kbLogo" src="c:/сайт/archive/img/01_Dog/default.jpg" alt="Не видит картинку!" width="75%" />
    <script>
        document.addEventListener("DOMContentLoaded", loadImg);
 
        function loadImg() {
            let month = new Date().getMonth() + 1;
            document.getElementById("kbLogo").setAttribute("src",
                "/archive/img/01_Dog/" + (month < 10 ? "0" : "") + month + ".jpg");
        }
    </script>
    <noscript>Ваш браузер не поддерживает JavaScript или поддержка отключена в настройках.</noscript>
</body>
</html>

P.S.: На сайте файлы не лежат по пути c:\

@Аватар-С · 29.10.2018, 13:46 **[ТС]**

Уважаемый amr-now, спосибо!

Сообщение от amr-now

P.S.: На сайте файлы не лежат по пути

Этот момент я, знаю (просто по другому на ПК не загружается).
Во общем то я, разобрался.
Но Ваш вариант удобнее (и круче).

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Картинка на каждый месяц</title>
    <style>
    </style>
 </head>
 <body>
     
    <img id="Logo" src="сайт/archive/img/01_Dog/default.jpg" alt="KnowledgeBase" width="25%" onload="logo(this)" />
    
    <script>
            var Data = new Date();
            var vDay = Data.getDate();
            var vMonth = Data.getMonth();
            var vYear = Data.getFullYear();
            //var vDay = parseInt(window.prompt('Введите день'));
            var vMonth = parseInt(window.prompt('Введите месяц'));
 
            function logo(img) {
                var src;
                var path = 'сайт/archive/img/01_Dog/'; // вот путь
                if (img.src.indexOf('default')==-1) return; // already changed 
                if (vMonth == 1) {src = path + "01.jpg";}
                    else if (vMonth == 2 ){src = path + "02.jpg";}
                    else if (vMonth == 3 ){src = path + "03.jpg";}
                    else if (vMonth == 4 ){src = path + "04.jpg";}
                    else if (vMonth == 5 ){src = path + "05.jpg";}
                    else if (vMonth == 6 ){src = path + "06.jpg";}
                    else if (vMonth == 7 ){src = path + "07.jpg";}
                    else if (vMonth == 8 ){src = path + "08.jpg";}
                    else if (vMonth == 9 ){src = path + "09.jpg";}
                    else if (vMonth == 10){src = path + "10.jpg";}
                    else if (vMonth == 11){src = path + "11.jpg";}
                    else if (vMonth == 12){src = path + "12.jpg";}
                    else {src = path + "/default.jpg";}
                img.src=src;
            }
            window.alert(vMonth);
            //document.write(vMonth);
    </script>
    <noscript>Ваш браузер не поддерживает JavaScript или поддержка отключена в настройках.</noscript>
</body>
</html>

P.S. Не судите строго, первый скрипт.
Еще раз СПАСИБО!

Добавлено через 1 час 51 минуту
Qwerty_Wasd,

Сообщение от Qwerty_Wasd

Или Вам нужно вводить номер месяца?

JavaScript
1
 var vMonth = parseInt(window.prompt('Введите месяц'));

Это строка для само контроля.Qwerty_Wasd,

Спасибо за участие.

Qwerty_Wasd · 29.10.2018, 15:22

Аватар-С,

Сообщение от Аватар-С

который меняет картинки каждый месяц.

для самоконтроля

Новые блоги и статьи Все статьи Все блоги /
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .