ABAKUS

Ab dem zweiten Durchlauf entsteht der Fehler, weil du die aktuelle "top" und "left" Variable zusätzlich noch mit den Werten des vorherigen Durchlaufs kombinieren musst. Ist schwierig zu erklären, deswegen hier die nötigen Änderungen für deinen Code:

Außerhalb deiner Funktion folgende globale Variablen anlegen:

var top = 0;
var left = 0;

Innerhalb deiner Funktion folgende zwei Zeilen modifizieren:

top = ((oheight - nheight) / 2) + top;
left = ((owidth - nwidth) / 2) + left;

Dann funktioniert alles korrekt (hab es lokal bei mir getestet).

Hallo,
vielen vielen dank!!!
ich habe schon getestet und funktiniert einwandfrei!

ich habe jetzt ein button zum zoomout gebaut und ich habe auch bei zoomin ab eine bestimmte image-grösse das bild automatisch getauscht.
Mein Problem ist das damit mein zoomout nicht funktioniert.
ich weiss nicht wie ich das zoom out realisieren soll?
habe folgendes gebaut aber leider funktioniert nicht:

zoutH = nheight - oheight;
zoutW = nwidth - owidth;
topn = ((oheight+ zoutH) / 2);
leftn = ((owidth + zoutW) / 2);
$('.zoom img').stop().animate({
'height' : '-='+zoutH+'px',
'width' : '-='+zoutW+'px',
'left':'-='+ leftn+'px',
top: '-='+topn+'px'}, 100);
});

Falls jemand mir helfen kann, hier zum anschauen:
https://www.todoweb.de/jquery/test.html#