# 93: Μια προσπάθεια για ομαλή φόρτωση σελίδων συλλογής - CSS-Κόλπα

Anonim

Περάσαμε όλο αυτό το διάστημα στο στατικό κοροϊδεύω μας κάνοντας ένα έξυπνο JavaScript που θα "ομαλή φόρτωση" των εικόνων στην Έκθεση. Τώρα που έχουμε την πραγματική γκαλερί με πραγματικές εικόνες, αυτό έχει φύγει.

Ουσιαστικά, πρέπει να έχουμε τα περιτυλίγματα εικόνων μας να έχουν το πάνω μέρος του λόγου διαστάσεων της εικόνας. Αυτό ήταν εύκολο στο στατικό κοροϊδεύω γιατί γνωρίζαμε το ύψος και το πλάτος της εικόνας. Δεν έχουμε πια αυτές τις πληροφορίες, έχουμε απλώς τη διεύθυνση URL της εικόνας.

Εμείς στο Google ένα σεμινάριο για τη λήψη διαστάσεων εικόνας με PHP. Αφού το βάλουμε στη θέση του και επισκεφθούμε τη γκαλερί, φορτώνεται πολύ αργά. Είναι πιθανώς η λειτουργία PHP getimagesize. Υποθέτουμε ότι μόλις αυτό είναι ζωντανό και ζητάει τις εικόνες από τον ίδιο διακομιστή στον οποίο είναι ενεργοποιημένος, θα είναι πιο γρήγορη.

Αποδεικνύεται ότι δυστυχώς αυτό δεν συμβαίνει. Αυτή η λειτουργία είναι απλώς αργή επειδή πρέπει να ζητήσει ολόκληρη την εικόνα και να την επεξεργαστεί για να πάρει τις πληροφορίες που χρειάζεται. Αργότερα πρέπει απλώς να καταφύγουμε σε κάτι εντελώς διαφορετικό για να ξεκινήσουμε ομαλά. Είδος μπάμπερ. Εάν μπορούσαμε να γυρίσουμε πίσω το χρόνο, θα έπρεπε να χρησιμοποιήσουμε το εγγενές πρόγραμμα μεταφόρτωσης πολυμέσων WordPress για να ανεβάσουμε αυτές τις εικόνες και όχι ένα προσαρμοσμένο πεδίο. Με αυτόν τον τρόπο θα είχαμε πρόσβαση σε δεδομένα διαστάσεων εικόνας που είναι αποθηκευμένα στη βάση δεδομένων που θα το καθιστούσαν δυνατό.