Displaying a random image banner whenever a user refreshes a webpage is implemented using client-side JavaScript by picking a random index from an array of image URLs.

JavaScript Random Image Code Example

random_image.jsjavascript
const images = [
    '/assets/banner1.jpg',
    '/assets/banner2.jpg',
    '/assets/banner3.jpg'
];
 
window.addEventListener('DOMContentLoaded', () => {
    const randomIndex = Math.floor(Math.random() * images.length);
    const heroImage = document.getElementById('hero-img');
    if (heroImage) {
        heroImage.src = images[randomIndex];
    }
});