Полезные скрипты HTML/JS (HTML, JS, another tricks)

by Ftod, Monday, July 22, 2024, 17:29 (142 days ago) @ mak

Рандомный показ изображений на сайте

Вставляем этот js код:
<script>
document.addEventListener('DOMContentLoaded', function() {
// Генерация случайного числа
var randomNumber = Math.floor(Math.random() * 50) + 1;
// Формирование пути к файлу
var imagePath = 'ВАША ПАПКА/' + randomNumber + '.png';
// Получение элемента img по его id
var imgElement = document.getElementById('randomImage');
// Установка пути к файлу в атрибут src элемента img
imgElement.src = imagePath;
});
</script>

Там где генерация случайного числа, надо поставить число ваших картинок в папке, в моем случае их было 50, вы ставите свое число

В форматировании пути указывайте свою папку

Что бы картинки отображались, вставьте этот код:
<img id="randomImage" src="" width="600" height="200" alt="Случайная фотография">


Complete thread:

 RSS Feed of thread