Thumbnail im HTML durch anklicken wieder vergrössern !?

[Mitleser 2.0]

Warum an der Stelle requestAnimationFrame, wenn man doch zunächst einen Ladevorgang initiiert?

Man muss dem Browser die Zeit geben, das Vorschaubild aus dem Cache in der Lightbox anzuzeigen, bevor man src wieder ändert.

Ohne das würde der Browser gleich das neue Bild anfragen und, solange das nicht geladen ist, kein Bild bzw. das vorige Bild anzeigen.

Ist das wirklich so? Theoretisch kann ich mir diese Race Condition nur vorstellen, wenn das Zielbild bereits im Browser-Cache liegt. Aber selbst dann hätte ich Zweifel. Die Änderung des SRC dürfte dann dennoch asynchron laufen, also mindestens einen Zyklus dauern. Ob mehr oder weniger als ein "AnimationFrame" weiß ich nicht.

Wenn ich das in Deinem Fiddle zumindest rausnehme, bemerke ich keinen Unterschied?