JSFiddle - React, Tailwind, and code Playground

by Aleksey Karagodnikov

HTML

<!--
R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7
Прозрачный gif 1x1 пикселей
-->
<div class="slider">
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="http://placehold.it/100/ff944e/000000.png" />
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="http://placehold.it/100/4e94ff/000000.png" />
</div>

JavaScript

function makeid() {
    var text = "",
        possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",
        p_length = possible.length;

    for (var i = 0; i < 5; ++i)
    text += possible.charAt(Math.floor(Math.random() * p_length));
    return text;
}

var slider = document.querySelector('.slider'),
    slides = document.querySelectorAll('.slider img'),
    slides_total = slides.length;

for (var i = 0; i < slides_total; ++i) {
    var img = slides[i];
    slides[i].src = img.getAttribute('data-src') + '?v=' + makeid();
}