Jquery - zmiana obrazka po kliknięciu Opcje

[drax]

Mam 3 obrazki. Chciałbym żeby po kliknięciu na jednego zmieniał się na drugi, później przy kliknięciu na drugi na trzeci, i później pierwszy.

Takim kodem wstawiam obrazek:

[HTML] pobierz, plaintext 
<a href="#"><img class="image" id="image" src="images/contact/1.jpg"></a>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() { 
$(".image").click(function(){
			 $(".image").attr("src", "images/contact/2.jpg").$(".image").attr("class",'image1');
			});
$(".image1").click(function(){
			 $(".image1").attr("src", "images/contact/3.jpg").$(".image1").attr("class",'image2');
			});
$(".image2").click(function(){
			 $(".image2").attr("src", "images/contact/1.jpg").$(".image2").attr(".class",'image');
			});
;});
[JAVASCRIPT] pobierz, plaintext 

mój kod js.

Gdzie popełniam błąd? Skrypt zmienia mi tylko jedno zdjęcie.

Edit:
miałem taką mapę we flashu: http://www.bogaccy.pl/swf/mapa.swf
chciałem zrobić ją w js.

Jeśli kod nie jest zrozumiały, to mam nadzieję, że wiecie co chciałem osiągnąć. (IMG:style_emoticons/default/wink.gif)

Ten post edytował Ociu 16.04.2011, 13:09:23

Powód edycji: [Ociu]: poprawiłem bbCode