HTML+CSS+JavaScript

Подскажите, пожалуйтса, как сделать так, что была одна картинка, а при клике - другуя. При повторном клике - опять первая. Как делают карзину товара без перезагрузки страницы. Чтобы на одной кнопке было написано "добавить в корзину", а при клике по ней "добавлено". При повторном клике - опять "добавить в корзину?

1. Сразу же загружают ВТОРУЮ картинку в невидимый див (это будет типа прелоадера для этой картинки).
2. На сам тег <IMG SRC="URL ПЕРВОЙ картинки"> навешивают обработчик onclick, который первым делом проверяет текущее значение SRC: если там URL ПЕРВОЙ картинки, то атрибуту SRC присваивают URL ВТОРОЙ картинки, коя браузером берется из кеша. Соответственно, если текущее значение SRC равно URL ВТОРОЙ картинки, то её переназначают в URL ПЕРВОЙ картинки (коя сразу же была загружена в броузер и, следовательно, в кеш).

<div style="display: none"><img src="second.jpg"></div> ... <img src="first.jpg" onclick="this.src = (this.src.indexOf ('first.jpg') > 0) ? 'second.jpg' : 'first.jpg';">

PS. Ну а если "по уму" (и у вас имеется таковой в отношении Javascript'a), то гляньте тему http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=42299 и моё сообщение там от 21.08.2007 в 18:17

Большое спасибо!
Все пучком! :)