Wir haben die ganze Zeit in unserem statischen Modell damit verbracht, ein cleveres JavaScript zu erstellen, mit dem die Bilder in der Galerie „reibungslos geladen“ werden können. Jetzt, wo wir die echte Galerie mit echten Bildern haben, ist das weg.
Im Wesentlichen müssen unsere Image-Wrapper eine Auffüllung des Seitenverhältnisses des Bildes aufweisen. Das war im statischen Modell einfach, weil wir die Höhe und Breite des Bildes kannten. Wir haben diese Informationen nicht mehr, wir haben nur die URL des Bildes.
Wir googeln ein Tutorial zum Abrufen von Bildabmessungen mit PHP. Nachdem wir dies an Ort und Stelle bekommen und die Galerie besuchen, lädt es Super langsam. Es ist wahrscheinlich die PHP-Funktion getimagesize. Wir spekulieren, dass sobald dies live ist und die Bilder von demselben Server angefordert werden, auf dem es sich befindet, es schneller sein wird.
Es stellt sich heraus, dass dies leider nicht der Fall ist. Diese Funktion ist nur langsam, da sie das gesamte Bild anfordern und verarbeiten muss, um die benötigten Informationen zu erhalten. Später müssen wir nur noch auf etwas völlig anderes zurückgreifen, um ein reibungsloses Laden zu gewährleisten. Eine Art Mist. Wenn wir die Zeit zurückdrehen könnten, hätten wir den nativen WordPress-Medien-Uploader verwenden sollen, um diese Bilder hochzuladen, anstatt ein benutzerdefiniertes Feld. Auf diese Weise hätten wir Zugriff auf Bilddimensionsdaten gehabt, die in der Datenbank gespeichert sind, was dies alles möglich gemacht hätte.