Pasamos todo este tiempo en nuestra maqueta estática haciendo un JavaScript inteligente que "cargaría suavemente" las imágenes en la Galería. Ahora que tenemos la galería real con imágenes reales, eso se ha ido.
Esencialmente, necesitamos que nuestros envoltorios de imágenes tengan una parte superior de relleno de la relación de aspecto de la imagen. Eso fue fácil en la maqueta estática porque conocíamos la altura y el ancho de la imagen. Ya no tenemos esa información, solo tenemos la URL de la imagen.
Buscamos en Google un tutorial sobre cómo obtener dimensiones de imagen con PHP. Después de colocar esto en su lugar y visitar la galería, se carga muy lentamente. Probablemente sea la función PHP getimagesize. Especulamos que una vez que esto esté en vivo, y solicite las imágenes del mismo servidor en el que está, será más rápido.
Resulta que lamentablemente este no es el caso. Esta función es lenta porque tiene que solicitar la imagen completa y procesarla para obtener la información que necesita. Más adelante solo tendremos que recurrir a algo totalmente diferente para que la carga funcione sin problemas. Una especie de fastidio. Si pudiéramos retroceder en el tiempo, deberíamos haber utilizado el cargador de medios nativo de WordPress para cargar estas imágenes en lugar de un campo personalizado. De esa manera, habríamos tenido acceso a los datos de dimensión de la imagen que se almacenan en la base de datos, lo que habría hecho posible todo esto.
