Abbiamo passato tutto questo tempo nel nostro mockup statico a creare un JavaScript intelligente che "caricasse agevolmente" le immagini nella Galleria. Ora che abbiamo la vera Galleria con immagini reali, non c'è più.
In sostanza, dobbiamo ottenere che i nostri wrapper di immagini abbiano un riempimento superiore delle proporzioni dell'immagine. È stato facile nel mockup statico perché conoscevamo l'altezza e la larghezza dell'immagine. Non abbiamo più queste informazioni, abbiamo solo l'URL dell'immagine.
Abbiamo Google un tutorial su come ottenere le dimensioni delle immagini con PHP. Dopo averlo sistemato e aver visitato la galleria, si carica molto lentamente. Probabilmente è la funzione PHP getimagesize. Si ipotizza che una volta che questo è attivo e richiede le immagini dallo stesso server su cui si trova, sarà più veloce.
Si scopre che purtroppo non è così. Questa funzione è lenta perché deve richiedere l'intera immagine ed elaborarla per ottenere le informazioni di cui ha bisogno. In seguito dobbiamo solo ricorrere a qualcosa di completamente diverso per ottenere un caricamento regolare. Una specie di delusione. Se potessimo tornare indietro nel tempo, avremmo dovuto utilizzare l'uploader multimediale nativo di WordPress per caricare queste immagini piuttosto che un campo personalizzato. In questo modo avremmo avuto accesso ai dati sulla dimensione dell'immagine archiviati nel database, il che avrebbe reso tutto questo possibile.