Retour
Menu utilisateur
Menu

Précharger la taille des photos avant leur chargement

Ce sujet comporte 9 messages et a été affiché 164 fois
Nouveau sujetPicto plus RépondrePicto reply Picto reply
1
personne
surveille ce sujet
S'abonner
 
Membre ultra utile Env. 10000 message Rhone
Bonjour,

Je note souvent, lorsque je clique sur le dernier message d'un sujet, ou sur un article d'un récit qui est bien pourvu en photos, qu'on va souvent tomber là où on veut pendant une fraction de seconde avant que les images précédant l'article ne chargent et que ce qu'on veille se barre tout en bas de la page du navigateur. Il faut alors scroller pour pouvoir revenir là où on était allé.

Ne serait-il pas possible, lorsque quelqu'un inclus une image (via la balise img donc) d'enregistrer les dimensions de cette image, surtout pour celles stockées par FC, et de les mettre en paramètre de la balise html img afin que l'emplacement de l'image soit prêt, et qu'il ne manque que l'image ?
Ca éviterait que la page bouge tout le temps, pendant que les images ne chargent.

Exemple récent sur le récit de Manu d'en haut (La Bistorte) :
Nouvel article récit «Poêle à pellets dans caravane : raccordement et mise en rout»

PS : l'exemple ne marche que si on n'est pas allé sur la page auparavant.
Totalement inutile, donc complètement indispensable !
Mon récit d'autoconstruction : Un p'tit coin de verdure au milieu de nulle part
Citer
Picto recompense Membre ultra utile
Messages : Env. 10000
Dept : Rhone
Ancienneté : + de 8 ans
Picto user Voir la fiche
 
Membre ultra utile Env. 20000 message Bassin D'arcachon (33)
Non, je peux pas indiquer la taille en dur. Mais des choses peuvent se tester.
Sur le forum, peu importe ce qu'on pense, on peut le dire de façon courtoise... cliquez ici
Citer
Picto recompense Membre ultra utile
Messages : Env. 20000
De : Bassin D'arcachon (33)
Ancienneté : + de 16 ans
Picto user Voir la fiche
 
Membre ultra utile Env. 20000 message Bassin D'arcachon (33)
(La navigateur devrait le gérer tout seul, quand meme)
Sur le forum, peu importe ce qu'on pense, on peut le dire de façon courtoise... cliquez ici
Citer
Picto recompense Membre ultra utile
Messages : Env. 20000
De : Bassin D'arcachon (33)
Ancienneté : + de 16 ans
Picto user Voir la fiche
 
Membre ultra utile Env. 10000 message Rhone
jc_fc Tu te sous-estime !
Exemple de mise en oeuvre : lorsque la photo est uploadée sur le forum, il est possible de vérifier sa taille, de l'enregistrer, et de rajouter dans la balise <img> les attributs width et height.
du genre : <img src='image.gif" width="468" height="60">

A voir si ça marche.
Surtout que lorsque l'image est stockée sur le forum (récit, ou juste stockage à part), tu le connais l'attribut height.


Les navigateurs ont un fonctionnement où ils chargent la page en 1er, la feuille de style et les scripts, l'affichent, puis chargent les autres éléments externes. Et il ne déplacent pas l'affichage vers l'ancre une fois que toutes les images sont chargées, mais une fois que les premiers éléments (page HTML, CSS, JS ...) sont chargés, et avant de charger les images.

Et lorsque tu as un récit avec beaucoup de photos dans un ou plusieurs messages, ton ancre par vers le bas au fur et à mesure que les images des messages situés avant l'ancre se chargent. Et c'est chiant.
Donc renseigner au navigateur la hauteur de l'image avant que le navigateur ne te positionne sur l'ancre permet de ne pas faire bouger la page au fur et à mesure que les images ne chargent.

En tout cas, sur Firefox et sur Edge, sur 2 terminaux différents, j'ai ce comportement. Je ne sais pas si Chrome fait différemment, mais fuck Chrome.
Totalement inutile, donc complètement indispensable !
Mon récit d'autoconstruction : Un p'tit coin de verdure au milieu de nulle part
Citer
Picto recompense Membre ultra utile
Messages : Env. 10000
Dept : Rhone
Ancienneté : + de 8 ans
Picto user Voir la fiche
 
Membre ultra utile Env. 20000 message Bassin D'arcachon (33)
Je peux pas definir une taille d'image en hard si je veux etre responsive.
Sur le forum, peu importe ce qu'on pense, on peut le dire de façon courtoise... cliquez ici
Citer
Picto recompense Membre ultra utile
Messages : Env. 20000
De : Bassin D'arcachon (33)
Ancienneté : + de 16 ans
Picto user Voir la fiche
 
Membre ultra utile Env. 10000 message Rhone
Ah ok. C'était une idée mais je ne fais plus de dev web depuis un paquet d'années (et ça évolue très vite).
Mais il doit bien y avoir un moyen, parce que j'avoue que c'est pénible.
Totalement inutile, donc complètement indispensable !
Mon récit d'autoconstruction : Un p'tit coin de verdure au milieu de nulle part
Citer
Picto recompense Membre ultra utile
Messages : Env. 10000
Dept : Rhone
Ancienneté : + de 8 ans
Picto user Voir la fiche
 
Membre ultra utile Env. 20000 message Bassin D'arcachon (33)
Ok dis moi si ca va mieux (dans un premier temps, j'affiche un liseré bleu au dessus du message visé. Dis moi si ca scroll bien au bon endroit chez toi en fin de chargement.
Sur le forum, peu importe ce qu'on pense, on peut le dire de façon courtoise... cliquez ici
Citer
Picto recompense Membre ultra utile
Messages : Env. 20000
De : Bassin D'arcachon (33)
Ancienneté : + de 16 ans
Picto user Voir la fiche
 
Membre ultra utile Env. 10000 message Rhone
Top, ça semble carrément mieux. Il faut comprendre qu'il faut attendre le chargement de toutes les photos (ce qui peut prendre beaucoup de temps suivant les récits) mais ça marche ! Sur PC avec Firefox du moins.
Je testerais plus tard sur Smartphone.
Totalement inutile, donc complètement indispensable !
Mon récit d'autoconstruction : Un p'tit coin de verdure au milieu de nulle part
Citer
Picto recompense Membre ultra utile
Messages : Env. 10000
Dept : Rhone
Ancienneté : + de 8 ans
Picto user Voir la fiche
 
Membre ultra utile Env. 20000 message Bassin D'arcachon (33)
Cool
Sur le forum, peu importe ce qu'on pense, on peut le dire de façon courtoise... cliquez ici
Citer
Picto recompense Membre ultra utile
Messages : Env. 20000
De : Bassin D'arcachon (33)
Ancienneté : + de 16 ans
Picto user Voir la fiche
En cache depuis le mercredi 07 mai 2025 à 06h52

Picto forum C'est intéressant aussi !

Devis construction de maisonArtisan
Devis construction de maison
Demandez, en 5 minutes, 3 devis comparatifs aux professionnels de votre région. Gratuit et sans engagement.
Faire construire : le guide du débutant
Faire construire : le guide du débutant
Les guides vous aident à y voir plus clair sur la construction.
Les 10 maisons les plus extraordinaires des membres de Forum Construire
Les 10 maisons les plus extraordinaires des membres ...
L'équipe de Forum Construire sélectionne pour vous les plus belles photos des membres et du web.
Photos de plans de maison
Photos de plans de maison
Picorez des idées en parcourant les photos des constructions des autres !
1
personne
surveille ce sujet
S'abonner
Partagez cette pagePartagez cette pagePartagez cette pagePartagez cette page
Partagez cette page

Picto forum Autres discussions sur ce sujet :

Voir