# 93: Une tentative de chargement fluide des pages de la galerie - Astuces CSS

Anonim

Nous avons passé tout ce temps dans notre maquette statique à créer du JavaScript intelligent qui «chargerait» en douceur les images dans la galerie. Maintenant que nous avons la vraie galerie avec de vraies images, c'est parti.

Essentiellement, nous devons obtenir nos wrappers d'image ayant un remplissage en haut du rapport hauteur / largeur de l'image. C'était facile dans la maquette statique car nous connaissions la hauteur et la largeur de l'image. Nous n'avons plus cette information, nous avons juste l'URL de l'image.

Nous Google un tutoriel sur l'obtention des dimensions de l'image avec PHP. Après avoir mis cela en place et visité la galerie, cela se charge très lentement. C'est probablement la fonction PHP getimagesize. Nous pensons qu'une fois que ce sera en direct, et qu'il demandera les images au même serveur sur lequel il est, ce sera plus rapide.

Il s'avère que ce n'est malheureusement pas le cas. Cette fonction est simplement lente car elle doit demander l'image entière et la traiter pour obtenir les informations dont elle a besoin. Plus tard, nous devons simplement recourir à quelque chose de totalement différent pour obtenir un chargement fluide. Une sorte de déception. Si nous pouvions remonter le temps, nous aurions dû utiliser le téléchargeur de médias WordPress natif pour télécharger ces images plutôt qu'un champ personnalisé. De cette façon, nous aurions eu accès aux données de dimension d'image stockées dans la base de données, ce qui aurait rendu tout cela possible.