In cui scopriamo i problemi che stavamo avendo nel caricare correttamente il layout della colonna. La correzione consisteva nel rimuovere il CSS che faceva funzionare le caselle segnaposto rispettose delle proporzioni una volta caricata l'immagine (che mantiene le proporzioni da solo). Quindi applica una classe CSS per far funzionare il "fade in" (cambiando l'opacità da 0 a 1). Facile formaggio e solo un pizzico di JavaScript.
Va notato che nella versione live del sito purtroppo questa tecnica interessante non funzionerebbe. Affinché sia davvero efficace, dobbiamo conoscere le proporzioni dell'immagine lato server, possiamo creare la griglia istantaneamente con i segnaposto corretti. Purtroppo non abbiamo queste informazioni a nostra disposizione nella galleria reale. Possiamo usare PHP per ottenere le dimensioni, ma è molto lento. Invece, aspettiamo che tutte le immagini vengano caricate e quindi svaniscano nella loro opacità. Non così bello e un po 'più lento, ma almeno meno janky-ness di caricamento.
