# 93: Próba płynnego ładowania stron galerii - CSS-Tricks

Anonim

Cały ten czas spędziliśmy w naszej statycznej makiecie, tworząc sprytny JavaScript, który „płynnie ładowałby” obrazy w Galerii. Teraz, gdy mamy prawdziwą Galerię zawierającą prawdziwe obrazy, to już minęło.

Zasadniczo musimy sprawić, aby nasze otoki obrazu miały dopełnienie w stosunku do proporcji obrazu. W przypadku makiety statycznej było to łatwe, ponieważ znaliśmy wysokość i szerokość obrazu. Nie mamy już tych informacji, mamy tylko adres URL obrazu.

Mamy poradnik Google na temat pobierania wymiarów obrazu za pomocą PHP. Gdy już to zrobimy i odwiedzimy galerię, ładuje się bardzo wolno. To prawdopodobnie funkcja PHP getimagesize. Spekulujemy, że gdy to się pojawi i zażąda obrazów z tego samego serwera, na którym się znajduje, będzie szybsze.

Okazuje się, że niestety tak nie jest. Ta funkcja jest po prostu powolna, ponieważ musi zażądać całego obrazu i przetworzyć go, aby uzyskać potrzebne informacje. Później musimy tylko uciec się do czegoś zupełnie innego, aby ładowanie przebiegało płynnie. Coś w rodzaju wpadki. Gdybyśmy mogli cofnąć czas, do przesłania tych obrazów powinniśmy użyć natywnego programu do przesyłania multimediów WordPress, a nie niestandardowego pola. W ten sposób mielibyśmy dostęp do danych o wymiarach obrazu, które są przechowywane w bazie danych, co umożliwiłoby to wszystko.