Мои три копейки. Чтобы сменить только сами изображения, то можно сделать следующим образом. Я ввел идентификаторы для элементов "btn" - для кнопки и "img1" и "img2" - для изображений.
Преимущество такого подхода в том, что теги ищутся один раз, когда устанавливается обработчик события, что повышает эффективность его работы.:)
<script>
(function () {
var btn = document.getElementById("btn");
btn.onclick = function () {
var img1 = document.getElementById("img1");
var img2 = document.getElementById("img2");
return function () {
var tmp = img1.src;
img1.src = img2.src;
img2.src = tmp;
}
}();
})();
</script>
При желании можно таким же образом сменить атрибут alt
.
tmp = img1.alt;
img1.alt = img2.alt;
img2.alt = tmp;
Сама форма может выглядеть таким образом
<form name="form1">
<img name="pic" id="img1" src="3.jpg" alt="">
<img name="pic" id="img2" src="2.jpg" alt="">
<input type="button" id="btn" value="Кнопка кнопка">
</form>
<script>
(function () {
var btn = document.getElementById("btn");
btn.onclick = function () {
var img1 = document.getElementById("img1");
var img2 = document.getElementById("img2");
return function () {
var tmp = img1.src;
img1.src = img2.src;
img2.src = tmp;
}
}();
})();
</script>