Рандомный фон страницы

Zero block

Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.

Tilda Publishing

create your own block from scratch

Инструкция

(скрыть)

Залей изображения в блок IM01 или в Zero Block, копируй адрес ссылки на изображение. В случае с блоком IM01 это можно сделать при загрузке изображения, если нажать правой кнопкой мыши на него и выбрать "Копировать URL картинки".
В коде вместо ссылка 1, ссылка 2 и т.д. вставь свои ссылки на изображения.
Скопируй код и вставь в блок T123.

Если не работает

Проверь, верные ли ссылки на изображения.
Попробуй повторить шаги 1-2 из инструкции.
Если не помогает — скинь мне ссылку на страницу, чтобы я могла посмотреть возможные ошибки.

<!-- Code by Fedyaeva -->
<style>body {background-size: cover;background-repeat: no-repeat; background-position: center center;transition: all 0.4s;}
</style>
<script>
function randomBg() {
    let images = [
        'ссылка 1', 
        'ссылка 2',
        'ссылка 3',
        'ссылка 4',
        'ссылка 5'
    ];
    let body  = document.body.style.backgroundImage;let image = Math.floor( Math.random() * images.length );document.body.style.backgroundImage = 'url(' + images[image] + ')';
}

randomBg();document.addEventListener('DOMContentLoaded', randomBg);
</script>