Ratgeber: Ein Galeriebild erst ersetzen, wenn die neue Datei vorbereitet ist

Ein Motivwechsel braucht einen Zwischenzustand

Eine Galerie zeigt ein kleines Vorschaubild. Nach einem Klick soll eine größere Fassung erscheinen. Wird das bisherige Motiv zu früh entfernt, sieht die Person zunächst eine leere Fläche. MDN beschreibt die Methode decode eines Bildelements: Sie liefert ein Promise, das nach erfolgreichem Dekodieren erfüllt wird. Danach kann das vorbereitete Element in die Seite eingesetzt werden. Der Vorgang kann auch fehlschlagen, etwa bei beschädigten Bilddaten. Dieser Ratgeber erklärt eine vorhandene Browserfunktion, keine neue Produkteinführung.

Den alten Stand bewusst erhalten

Plane für dein Beispiel drei Zustände: bisheriges Bild sichtbar, Nachfolger wird vorbereitet und Nachfolger ist bereit. Während der Vorbereitung bleibt das alte Motiv stehen. Eine kleine verständliche Rückmeldung kann den laufenden Wechsel erklären. Für die Abnahme ist entscheidend, dass eine Person nicht versehentlich eine leere Fläche als abgeschlossenes Ergebnis interpretiert. Die genaue Darstellung ist eine eigene Gestaltungsentscheidung.

Verwende für den lokalen Versuch zwei eigene Bilder mit unterschiedlichen Abmessungen. Lege fest, welche Fläche die Galerie während des Wechsels reserviert. Die Vorbereitung der Bilddaten löst nicht automatisch alle Fragen des Seitenlayouts oder eines passenden Ausschnitts.

Schnelle weitere Klicks berücksichtigen

Klicke im Prototyp auf Bild B und unmittelbar danach auf Bild C. Der zuletzt gewünschte Stand soll in unserem Projekt sichtbar werden. Wenn B später fertig wird, darf es nicht unbemerkt C verdrängen. Ergänze dazu eine eindeutige Zuordnung zwischen aktueller Auswahl und laufender Vorbereitung. Diese Anforderung betrifft die Anwendung und ist kein automatischer Effekt von decode. Sie gehört zusammen mit dem normalen Erfolgsfall in den Bauauftrag.

Eine fehlende Datei absichtlich testen

Ersetze den zweiten Bildpfad im Test durch eine nicht vorhandene Datei. Die Galerie soll den Fehler erklären, das bisherige Motiv erhalten und einen erneuten Versuch oder eine andere Auswahl erlauben. Prüfe anschließend den erfolgreichen Wechsel samt passender Bildbeschreibung. Titel, Alttext und Bild dürfen nicht unterschiedliche Motive meinen. Wiederhole den Ablauf bei schmaler Fensterbreite und vergrößerter Schrift. Erst wenn Erfolg, Fehler und eine überholte Auswahl verständlich behandelt werden, ist der Galeriewechsel vollständig beschrieben. Für diese Probe reichen vorhandene lokale Bilddateien; ein externer Bilddienst ist nicht erforderlich.