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

[wookieb]

Kiedy robisz to

[JAVASCRIPT] pobierz, plaintext 
$(".image1").click(function(){
[JAVASCRIPT] pobierz, plaintext 

To elementu o tej klasie jeszcze nie ma.
Napisz to porządnie, określ jakąś tablicę z listą zdęć i po prostu przeskakuj do kolejnego zdjęcia. Możliwości realizacji jest mnóstwo, podrzuciłem Ci tylko pomysł.

[Gribo]

nie rób tego na click tylko wykorzystaj toggle. http://api.jquery.com/toggle-event/

[drax]

[JAVASCRIPT] pobierz, plaintext 
function() { 
var Images = new Array ('2.jpg', '3.jpg','1.jpg');
	$('.image').toggle(function(){ $('.image').attr('src' , 'images/contact/' + Images)});
	}
 
[JAVASCRIPT] pobierz, plaintext 

O coś takiego chodziło?
nadal nie działa. Jestem trochę zielony, jeśli chodzi o js, więc potrzebowałbym jeszcze jakieś nakierowanie;)

Ten post edytował drax 16.04.2011, 13:25:24

[wookieb]

google -> javascript tablice

[everth]

Może pomoże

[JAVASCRIPT] pobierz, plaintext 
Array.prototype.next = function() {
  elem = this.shift();
  this.push(elem);
  return elem;
}
//użycie
tablica = ['fdsfdd','fsfsfddf','dddd','yyy','dddd']
tablica.next(); //kolejne elementy
[JAVASCRIPT] pobierz, plaintext 

[drax]

Nie wiem za bardzo co z tym kodem zrobić. Tzn wiem jak to działa mniej więcej, ale nie wiem jak to użyć w stosunku do mojego kodu.
Nic nie napisaliście czy jest ok, czy nie.

[Gribo]

no utwórz sobie klasę .images i po kliknięciu użyj funkcji toggle i napisz sobie 3 funkcje które będą podmieniać ścieżkę do obrazka czyli SRC