Comment charger l'image dans l'ordre?

Question

Je travaille avec php. J'ai des images conservées dans l'ordre. Quand je fais une requête les images viennent dans l'ordre mais quand elles chargent elles ne chargent pas dans l'ordre. Les petites images se chargent d'abord, puis de grandes images. Par exemple j'ai 5 images. Ces images doivent être chargées dans l'ordre (1,2,3,4,5). Mais ici, ça n'arrive pas. L'image 4 se charge d'abord, puis 2, 1 et ainsi de suite. Alors que puis-je faire pour ce problème? J'espère avoir la solution.

Merci d'avance.

Answer 1

Si vous parlez des images de commande sont affichées par un navigateur Web, vous n'avez pas beaucoup de contrôle sur ce que, aussi longtemps que vous avez plusieurs tag <img> sur votre page:

• le navigateur va demander les images du serveur dans l'ordre qu'il veut (très probablement, le premier <img> tag rencontré sera la première image demandée)
• chaque image prend un certain temps à télécharger; et chaque image est affichée quand elle est téléchargée; Considérant que les petites images doivent être téléchargées plus rapidement, les petites images doivent être affichées en premier ... en fonction de l'ordre dans lequel elles ont été demandées - voir le point précédent.

En fin de compte, si vous voulez un contrôle absolu sur l'ordre d'affichage des images, votre code HTML initial devrait contenir probablement pas tous les <img> tags: une solution serait d'ajouter ceux-ci, dans l'ordre, lorsque le L'image précédente est téléchargée.

Cela peut probablement être fait avec du code JavaScript, pour détecter quand une image est chargée (événement "load"); et quand une image est chargée, il suffit d'ajouter une nouvelle balise <img> à la page, pour la suivante; etc.
Mais je n'irais pas avec une telle idée: ça ne marchera pas si JS est désactivé, vos images ne seront pas vues par les moteurs de recherche.

Answer 2

Vous pouvez tout contrôler sur votre serveur Web, mais rien sur les côtés du réseau ou du navigateur.

Une solution possible consiste à créer une seule image contenant vos cinq images et à afficher chaque partie pertinente dans sa position dédiée.

Answer 3

Avez-vous essayé de les précharger avec une bibliothèque JavaScript?

Answer 4

Vous ne savez pas comment implémenter cela en PHP, mais dans le passé, j'avais généralement un champ 'order' pour chaque image, puis les images étaient ajoutées dynamiquement en fonction du champ 'order'.

Answer 5

Comme vous l'auriez deviné, l'image est chargée en fonction de leurs tailles. Bien sûr, les plus petits vont charger avant les plus grands. Et oui, comme l'a dit eyze, wat sur vous les précharger avec un préchargement javascript et les afficher dans le bon ordre?