// имена картинок
var arr = ["1.jpg", "2.jpg", "8.jpg"];

// каталог, где лежат картинки.
var path = "/images/";

// индекс текущего изображения.
var i = 0;

// id картинки, которая будет меняться
var img = "foto";

next = function(ss) {
    // при первом клике преобразуем id картинки в элемент.
    img = document.getElementById(img);
   
    // и переназначаем эту функцию на новую
    next = function(ss){
        // если есть куда сдвигаться
        if(i < arr.length)
            // сдвигаемся и увеличиваем i
            img.src = path+arr[i++];
        else
            img.src = path+ss;
            i = 0;
    }
}

// имена картинок
var arr = ["1.jpg", "2.jpg", "8.jpg"];

// каталог, где лежат картинки.
var path = "/images/";

// индекс текущего изображения.
var i = 0

// id картинки, которая будет меняться
var img = "foto";
img = document.getElementById(img);
var next = function() {
    img.src = path+arr[i];
    i = ++i%arr.length;
}

<input name="" type="button" value="go" onclick="next()">
<img src="http://javascript.ru/forum/images/smilies/thank_you2.gif" alt="" id="foto" >

<script>
  // имена картинок
var arr = ["victory.gif", "lol.gif", "thank_you2.gif"];

// каталог, где лежат картинки.
var path = "http://javascript.ru/forum/images/smilies/";

// индекс текущего изображения.
var i = 0

// id картинки, которая будет меняться
var img = "foto";
img = document.getElementById(img);
var next = function() {
    img.src = path+arr[i];
    i = ++i%arr.length;
}
next()
</script>