Sostituzione di immagine con jquery?

[sikkolo]

Ciao a tutti, vorrei chiedervi come cambio un immagine in una pagina web usando jquery?

IL CODICE:
------------------------------------------------
cambia questa immagine


[img]1.jpg[/img]
------------------------------------------------

Vorrei che cliccando sul link questa immagine cambiasse in 2.jpg e vorrei farlo con jquery, non con un semplice javascript onclick.
Grazie a chi vorrà aiutarmi!!
Luca

[pietro09]

$(document).ready(function()
{
$("#a1").click(function(){$("#fotobig").attr("src" ,"../immagini/meno.gif");return false;});

}
);


................................


cambia questa immagine


[img]../immagini/piu.gif[/img]

[sikkolo]

Grazie, molto gentile !!
Dato che sto facendo solo qualche esercizio per imparare, sto pensando di applicare una transizione alla foto che compare, infatti ho provato ad inserire:

$("#a1").click(function(){$("#fotobig").attr("src" ,"img1.jpg");.fadeIn("slow"); return false;});

Ma noto che non funziona, nemmeno cambiando di posizione.
Forse chiedo troppo da jquery, non si può usare .fadeIn("slow"); o implementare una transizione grafica in un contesto di cambio immagine come questo?

Spero di non abusare della tua pazienza, e di non aver scritto un obrobrio qui in alto

Ciao,
Luca

[pietro09]

Mi piacerebbe rispondere, ma non vado troppo d'accodo con jquery

Comunque, qui ci sono tanti esperti che risponderanno senz'altro

[andr3a]

Originariamente inviato da sikkolo
$("#a1").click(function(){$("#fotobig").attr("src" ,"img1.jpg");.fadeIn("slow"); return false;});

c'è un punto e virgola tra la chiamata attr e fadeIn ... magari levalo ...

[sikkolo]

Ciao andr3a, si il punto e virgolo l'ho inserito per la fretta nel forum, ma in realtà l'ho tolto mentre facevo la prova, non sembra essere questo il problema però...

Qualcuno mi può indirizzare verso la strada giusta??
Grazie
Luca

[sikkolo]

Nel caso questo possa aiutare qualcun altro, sono riuscito a fare il fade:


$("#a1").click(function(){$("#fotobig").attr("src" ,"1.jpg");
$('#fotobig').fadeOut(50);
$('#fotobig').fadeIn(500);
return false;
});