We hebben al die tijd in onze statische mockup doorgebracht met het maken van een of ander slim JavaScript dat de afbeeldingen in de galerij "soepel" zou laden. Nu we de echte galerij hebben met echte afbeeldingen, is dat weg.
In wezen moeten we ervoor zorgen dat onze afbeeldingsverpakkingen een opvulling hebben boven de beeldverhouding van de afbeelding. Dat was gemakkelijk in de statische mockup omdat we de hoogte en breedte van de afbeelding kenden. We hebben die informatie niet meer, we hebben alleen de URL van de afbeelding.
We Google een tutorial over het verkrijgen van afbeeldingsafmetingen met PHP. Nadat we dit op zijn plaats hebben gekregen en de galerij hebben bezocht, wordt het super langzaam geladen . Het is waarschijnlijk de PHP-functie getimagesize. We speculeren dat als dit eenmaal live is, en het de afbeeldingen opvraagt van dezelfde server waarop het is ingeschakeld, het sneller zal zijn.
Het blijkt dat dit helaas niet het geval is. Deze functie is gewoon traag omdat het de volledige afbeelding moet opvragen en verwerken om de benodigde informatie te krijgen. Later moeten we gewoon onze toevlucht nemen tot iets totaal anders om het laden soepel te laten verlopen. Een beetje een spelbreker. Als we de tijd konden terugdraaien, hadden we de native WordPress-media-uploader moeten gebruiken om deze afbeeldingen te uploaden in plaats van een aangepast veld. Op die manier zouden we toegang hebben gehad tot afbeeldingsdimensiegegevens die in de database zijn opgeslagen, wat dit allemaal mogelijk zou hebben gemaakt.