Waarin we de problemen achterhalen die we hadden met het netjes laden van de kolomlay-out. De oplossing was om de CSS te verwijderen die ervoor zorgde dat de tijdelijke aanduidingboxen voor de aspectverhouding werkten zodra de afbeelding werd geladen (die de beeldverhouding op zichzelf vasthoudt). Pas vervolgens een CSS-klasse toe om de "fade in" te laten werken (door de dekking te veranderen van 0 in 1). Makkelijk cheesy en slechts een klodder JavaScript.
Opgemerkt moet worden dat op de live versie van de site deze coole techniek helaas niet zou werken. Om echt effectief te zijn, moeten we de beeldverhouding van de afbeeldingenserver kennen, we kunnen het raster onmiddellijk maken met de juiste tijdelijke aanduidingen. Helaas hebben we die informatie niet beschikbaar in de echte galerij. We kunnen PHP gebruiken om de dimensies te krijgen, maar het is erg traag. In plaats daarvan wachten we tot alle afbeeldingen zijn geladen en vervagen vervolgens hun ondoorzichtigheid. Niet zo cool en een beetje trager, maar in ieder geval minder janky-ness laden.
