Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Заменить рандом на порядковое последовательное событие (https://javascript.ru/forum/css-html/83661-zamenit-random-na-poryadkovoe-posledovatelnoe-sobytie.html)

Radar89 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 08.02.2022 08:43

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

рони 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 08.02.2022 11:36

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

Radar89 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 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 08.02.2022 14:00

Цитата:

Сообщение от ksa (Сообщение 543583)
<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 08.02.2022 14:01

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

Radar89 08.02.2022 14:31

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

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

Radar89 08.02.2022 14:32

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


Часовой пояс GMT +3, время: 17:12.