Я нашёл в одной из тем и сохранил код в index.html, но почему-то он не работает. У меня есть 3 картинки: note.png, note_30.png, note_30_.png, я исправил код в соответствии с этими картинками. На экране появляется картинка note.png. Но клик не происходит, картинка не меняется. Все картинки лежат в той же папке, что и индекс. Что я сделал не так?
Вот код:
<html>
<head>
<title>Смена картинок</title>
<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>
</head>
<body>
<img id="image" src="note.png" onClick="imgsrc();">
</body>
</html>
Для того, чтобы увидеть скрипт в действии, загрузил его на временный хост: http://melody.a-workshop.ru/index.html
var image=document.getElementById("image");
уже отрабатывает.... надо инициализировать это после загрузки контента....window.onload
к примеру илиDOMContentLoaded
learn.javascript.ru/onload-ondomcontentloadedi
и длину массива естественно.....и обнулять при привышении....я кстати в ответе это нарисовал