Jquery - animate stoppen

[Dr.MAD]

hey^^
ich bin ein ziemlicher anfänger, was javascript und jquery betrifft^^
ich habe eine frage zu folgender funktion:

$(document).click(function(){
                $('.bild1').fadeOut("slow");
                $('.bild1').onclick;
                $('.bild2').animate({"left":"+=1440px"},"slow");
                });

wie kann ich dieses event (ich glaube man nennt das so ) stoppen?
momentan ist es so dass sich das bild immer weiter nach rechts bewegt, wenn ich öfter darauf klicke.
Ist es möglich, die funktion so zu schreiben, dass sich das bild nur beim ersten klick bewegt?

Ich bedanke mich schon im vorraus für eure hilfe^^

 

[mermshaus]

Ungetestet:

$(document).click(function(event){
                $('.bild1').fadeOut("slow");
                $('.bild1').onclick;
                $('.bild2').animate({"left":"+=1440px"},"slow");
                $(this).unbind(event);
                });

 

[Dr.MAD]

Danke das hat mir wirklich sehr geholfen ^^
Allerdings gibt es schon wieder ein neues Problem :/
Ich möchte zu dem Bild hinzoomen, so das nur mehr ein Ausschnitt zu sehen ist. Natürlich wird dadurch die Auflösung schlechter, deshalb habe ich den gezoomten Berreich extra als eigenes jpg Bild mit einer höheren Auflösung abgespeichert^^
Nun hätte ich gern folgenden Effekt --->
Wenn ich in den Ausschnitt zoome, sollte danach gleich das neue Bild (mit der höheren Auflösung) geladen werden.
Wie kann ich das mit jQery lösen?
Ich hoffe ihr könnt mir helfen :/?

 

[webdesigner95]

Über Ajax solltest du nachträglich noch Quellcode laden können und einfügen können. Dafür gibt es von jQuery auch eine Hilfe unter dieser URL:
jQuery.ajax() – jQuery API

 

[mermshaus]

Wie realisierst du denn den Zoom? Die Frage hängt irgendwie etwas in der Luft. Ein Beispiel wäre gut, denke ich.