Gostaria de clicar em uma imagem e exibir outra no lugar, depois clicar de novo e exibir mais uma e assim por diante ate voltar pra imagem original.
Consigo exibir apenas uma imagem. Comecei a estudar javascript faz pouco e não sobre o que procurar para resolver isso.
function trocar(i) {
if (i == 1) {
document.getElementById("agni").src="img/gods-skin/agni-swagni.jpg"
}
<img id="agni" onclick="trocar(1)" alt="hindu" class="img-gods expand" src="img/gods/agni.jpg">
Agradeço se alguém puder ajudar