Vi tillbringade all den här tiden i vår statiska mockup med att göra lite smart JavaScript som skulle "jämna in" bilderna i galleriet. Nu när vi har det riktiga galleriet med riktiga bilder, är det borta.
I grund och botten måste vi få våra bildomslag med en vadderingstopp i bildförhållandet. Det var lätt i den statiska mockupen eftersom vi visste höjden och bredden på bilden. Vi har inte den informationen längre, vi har bara bildens URL.
Vi Google en handledning om hur man får bilddimensioner med PHP. När vi har fått det här på plats och besökt galleriet laddar det super långsamt. Det är förmodligen PHP-funktionen getimagesize. Vi spekulerar i att när detta är live, och det begär bilder från samma server som den är på, blir det snabbare.
Det visar sig att det tyvärr inte är fallet. Den här funktionen är bara långsam eftersom den måste begära hela bilden och bearbeta den för att få den information den behöver. Senare måste vi bara tillgripa något helt annat för att få en smidig lastning. Typ av en bummer. Om vi kunde stänga tillbaka tiden borde vi ha använt WordPress-medieuppladdaren för att ladda upp dessa bilder istället för ett anpassat fält. På det sättet skulle vi ha haft tillgång till bilddimensionsdata som lagras i databasen vilket skulle ha gjort allt möjligt.