Quiero crear historias tipo instagram, pero no sé cómo hacer para al dar click en un botón, cada cierto tiempo pase al otro botón y así... vaya mostrando las imagenes que tiene la misma clase en la función.
<button id="btn" onclick="openHistory('imagen1')">Imagen 1</button>
<button id="btn" onclick="openHistory('imagen2')">Imagen 2</button>
<button id="btn" onclick="openHistory('imagen3')">Imagen 3</button>
<img id="imagen1" class="history" src="">
<img id="imagen2" class="history" src="">
<img id="imagen3" class="history" src="">
<script>
function openHistory(historyName) {
var i;
var x = document.getElementsByClassName("history");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
document.getElementById(historyName).style.display = "block";
}
</script>