Форум

Radar89 · #1 (**permalink**) 08.02.2022, 05:09

Доброго времени суток

к сожаление не нашел то что хотел,

Мне нужно последовательное-порядковое изменение картинок после обновления страницы вместо рандомного
то есть вместо случайного выбора картинок, порядковый.
Вот этот скрипт

<script type="text/javascript">
var myLogos = new Array

('http://dugward.ru/foto/Kosha1.jpg', 'http://dugward.ru/foto/Kosha2.jpg', 'http://dugward.ru/foto/Kosha3.jpg');

//Адресов Логотипов может быть сколько угодно. Главное, не забывайте о кавычках, запятых и прочих значках. И разумеется, для логотипа лучше брать изображения одного размера.

var Idx = Math.floor(Math.random() * myLogos.length);
document.write('<img src="'+myLogos[Idx]+'">');
</script>

ksa · #2 (**permalink**) 08.02.2022, 08:43

Radar89, при загрузке читай индекс элемента (если пусто - 0) и выводи.
Потом увеличивай +1 и записывай обратно...

рони · #3 (**permalink**) 08.02.2022, 09:53

Radar89,

var myLogos = new Array
        ('https://dugward.ru/foto/Kosha1.jpg', 'https://dugward.ru/foto/Kosha2.jpg', 'https://dugward.ru/foto/Kosha3.jpg');
        var Idx = (+localStorage.index || myLogos.length) % myLogos.length;
        localStorage.index = ++Idx;
        document.write('<img src="' + myLogos[Idx] + '">');

Radar89 · #4 (**permalink**) 08.02.2022, 11:36

Спасибо, ksa, Спасибо профессор рони, сейчас протестирую.

Radar89 · #5 (**permalink**) 08.02.2022, 12:51

Спасибо еще раз
хотел добавить в код поочередно индекс элемента

image[0]="http://dugward.ru/foto/Kosha1.jpg"
image[1]="http://dugward.ru/foto/Kosha2.jpg"
image[2]="http://dugward.ru/foto/Kosha3.jpg"

  и в конце кода 
document.write (" <img src="+image[1]+image[2]"> ");

Немного не разобрался код пока не хочет работать с добавленными индексами, то есть мне здесь в фотографиях значение надо изменить
и вставить с индексами что бы работало правильно

var myLogos = new Array

 поменять вот это на индексы       ('http://dugward.ru/foto/Kosha1.jpg', 'http://dugward.ru/foto/Kosha2.jpg', 'http://dugward.ru/foto/Kosha3.jpg'

ksa · #6 (**permalink**) 08.02.2022, 13:56

<html>
<script>
const image = [
   "http://dugward.ru/foto/Kosha1.jpg",
   "http://dugward.ru/foto/Kosha2.jpg",
   "http://dugward.ru/foto/Kosha3.jpg"
]
document.write ("<img src="+image[1]+"> ");
document.write ("<img src="+image[2]+"> ");
</script>
</html>

Radar89 · #7 (**permalink**) 08.02.2022, 14:00

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

<html>
<script>
const image = [
   "https://dugward.ru/foto/Kosha1.jpg",
   "https://dugward.ru/foto/Kosha2.jpg",
   "https://dugward.ru/foto/Kosha3.jpg"
]
document.write ("<img src="+image[1]+"> ");
document.write ("<img src="+image[2]+"> ");
</script>
</html>

Спасибо сейчас протестирую

ksa · #8 (**permalink**) 08.02.2022, 14:01

Radar89, только протокол правильно укажи.
Тут работать будет только с https...

Radar89 · #9 (**permalink**) 08.02.2022, 14:31

Ах у меня http ,... Ох,... Сайт с http начинается

а картинки с кошками это не с моего сайта , Это сайт какого то мужика и тетеньки, я решил изменить их рандомный код на последовательную смену картинок в порядке 1 , 2, 3 и так далеее
Что бы потом вставить себе на сайт

Radar89 · #10 (**permalink**) 08.02.2022, 14:32

Да, я заметил стоит все в статике, динамики после обновления страницы нет.

Форум

Справочник

Discord чат

Курсы javascript