Wir haben all diese Zeit in unserem statischen Mockup damit verbracht, ausgeklügeltes JavaScript zu erstellen, das die Bilder in der Galerie "flüssig laden" würde. Jetzt, da wir die echte Galerie mit echten Bildern haben, ist das weg.
Im Wesentlichen müssen wir dafür sorgen, dass unsere Bild-Wrapper einen `padding-top` haben, der dem Seitenverhältnis des Bildes entspricht. Das war im statischen Mockup einfach, da wir die Höhe und Breite des Bildes kannten. Diese Informationen haben wir jetzt nicht mehr, wir haben nur noch die URL des Bildes.
Wir googeln ein Tutorial zum Abrufen von Bilddimensionen mit PHP. Nachdem wir das eingerichtet haben und die Galerie besuchen, lädt sie **extrem** langsam. Wahrscheinlich ist die PHP-Funktion getimagesize schuld. Wir vermuten, dass es, sobald dies live ist und die Bilder vom selben Server anfordert, auf dem es sich befindet, schneller sein wird.
Es stellt sich heraus, dass dies leider nicht der Fall ist. Diese Funktion ist einfach langsam, weil sie das gesamte Bild anfordern und verarbeiten muss, um die benötigten Informationen zu erhalten. Später müssen wir uns etwas ganz anderes einfallen lassen, um ein flüssiges Laden zu ermöglichen. Eine ziemliche Enttäuschung. 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 die Bilddimensionsdaten gehabt, die in der Datenbank gespeichert sind, was dies alles möglich gemacht hätte.
Hallo Chris
Vielleicht funktioniert die "get attachment image src function". Sie gibt die URL, Breite und Höhe für eine gegebene attachment_id in einem Array aus.
WordPress get attachment image src function
Ich liebe die Screencasts.
Das würde wahrscheinlich funktionieren, ja, aber leider sind die Bilder benutzerdefinierte Felder und nicht auf diese Weise angehängt. Wenn ich in der Zeit zurückgehen könnte, hätte ich die native WordPress-Funktion verwendet. Nicht, dass benutzerdefinierte Felder nicht nativ wären, aber Sie wissen, was ich meine.
Ich bin auf diesen Beitrag gestoßen, in dem der Benutzer nach der Bildbreite und -höhe aus dem Advanced Custom Fields Plugin gesucht hat, aber es könnte funktionieren. Da das benutzerdefinierte Feld eine attachment_id hätte, erhalten Sie die attachment_id über den Feldnamen und erhalten dann die Breite und Höhe des Bildes.
Wie rufe ich die Breite und Höhe eines Bildes mit Advanced Custom Fields ab?
Es könnte sein, dass Sie mit der Funktionsweise der Galerie zufrieden sind und es keinen Grund gibt, etwas zu reparieren, das nicht kaputt ist.
Nebenbei bemerkt, werde ich anscheinend nicht benachrichtigt, wenn jemand auf einen von mir geposteten Beitrag antwortet, obwohl beide Kontrollkästchen zum Benachrichtigen aktiviert sind.
Ich erhalte jedoch die CSS-Tricks-E-Mails mit neuen Beiträgen auf der Website.