Смена картинки при клику <img 1> <img2> и так далее

много есть способов, вот например

[].slice.call(document.querySelectorAll('img')).forEach(function(el, i, arr) {
    i && (el.style.display = 'none');
    el.onclick = function(e) {
        el.style.display = 'none';
        arr[i + 1 === arr.length ? 0 : i + 1].style.display = 'inherit';
    }
});

но я бы на Вашем месте добавил к этим изображениям класс:

<img class='slider' src='...'/>
<img class='slider' src='...'/>

чтобы точно выбрать со страницы только их

document.querySelectorAll('img.slider');