Untitled

<html>
<head>
    <title>Смена картинок</title>
    <script language="javascript">
        var i=0;
        var image=document.getElementById("image");
        // Добавте свои картинки через запятую
        var imgs=new Array('img1.jpg','img2.jpg');
        function imgsrc() {
            i++;
            image.src = imgs[i];
        }
    </script>
</head>
<body>
    <img id="image" src="" onClick="imgsrc();">
</body>
</html>

img.onclick = function() {
    img.src = 'next_image.jpg';
}

<html>
<head>
<title>Смена картинок</title>
</head>
<body>
<img id="image" src="note.png" onClick="imgsrc();">
<script language="javascript">
var i=0;
var image=document.getElementById("image");
var imgs=new Array('note.png','note_30.png', 'note_30_.png'); // Добавте свои картинки через запятую
function imgsrc(){
i++;
image.src=imgs[i];
}
</script>
</body>
</html>