Quiero poder mostrar las imagenes que se encuentran ocultas una por una como está ahí pero sin necesidad de una id, quisiera poder hacer que se ejecuten usando la clase 'history' o de todos modos cualquier otra pero siendo clase y la misma para todas.
let historyElements= [ 'imagen1','imagen2','imagen3'];
for (let i=0;i < historyElements.length; i++) {
setTimeout(openHistory,2000 * i,historyElements[i]);
}
function openHistory(historyName) {
let x = document.getElementsByClassName("history");
for (let i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
document.getElementById(historyName).style.display = "block";
}
body{
margin: 0;
}
img{
width: 100%;
}
<img id="imagen1" class="history" src="https://www.wampstore.com/store/image/cache/data/Wamp/Products/Vallejo/Flat%20Red-900x900.jpg">
<img id="imagen2" class="history" src="https://cdn.shopify.com/s/files/1/1218/4290/products/Solid-129-Purple_1400x.jpg?v=1464824795">
<img id="imagen3" class="history" src="https://www.wampstore.com/store/image/cache/data/Wamp/Products/Vallejo/Deep%20Sky%20Blue-900x900.jpg">