Retour
Menu utilisateur
Menu

Précharger la taille des photos avant leur chargement

Ce sujet comporte 9 messages et a été affiché 65 fois
Nouveau sujetPicto plus RépondrePicto reply Picto reply
1
personne
surveille ce sujet
S'abonner
 
Membre ultra utile Env. 8000 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
1
Citer
Picto recompense Membre ultra utile
Actuellement en ligne !
Messages : Env. 8000
Dept : Rhone
Ancienneté : + de 2 ans
Picto user Voir la fiche
 
Membre super utile Env. 10000 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
0
Citer
Picto recompense Membre super utile
Messages : Env. 10000
De : Bassin D'arcachon (33)
Ancienneté : + de 11 ans
Picto user Voir la fiche
 
Membre super utile Env. 10000 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
0
Citer
Picto recompense Membre super utile
Messages : Env. 10000
De : Bassin D'arcachon (33)
Ancienneté : + de 11 ans
Picto user Voir la fiche
 
Membre ultra utile Env. 8000 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
0
Citer
Picto recompense Membre ultra utile
Actuellement en ligne !
Messages : Env. 8000
Dept : Rhone
Ancienneté : + de 2 ans
Picto user Voir la fiche
 
Membre super utile Env. 10000 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
0
Citer
Picto recompense Membre super utile
Messages : Env. 10000
De : Bassin D'arcachon (33)
Ancienneté : + de 11 ans
Picto user Voir la fiche
 
Membre ultra utile Env. 8000 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
0
Citer
Picto recompense Membre ultra utile
Actuellement en ligne !
Messages : Env. 8000
Dept : Rhone
Ancienneté : + de 2 ans
Picto user Voir la fiche
 
Membre super utile Env. 10000 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
0
Citer
Picto recompense Membre super utile
Messages : Env. 10000
De : Bassin D'arcachon (33)
Ancienneté : + de 11 ans
Picto user Voir la fiche
 
Membre ultra utile Env. 8000 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
0
Citer
Picto recompense Membre ultra utile
Actuellement en ligne !
Messages : Env. 8000
Dept : Rhone
Ancienneté : + de 2 ans
Picto user Voir la fiche
 
Membre super utile Env. 10000 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
0
Citer
Picto recompense Membre super utile
Messages : Env. 10000
De : Bassin D'arcachon (33)
Ancienneté : + de 11 ans
Picto user Voir la fiche
En cache depuis le jeudi 16 janvier 2020 à 11h38
Lancer un nouveau sujet Poster une réponse

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.
Par qui faire construire sa maison ?
Par qui faire construire sa maison ?
Les guides vous aident à y voir plus clair sur la construction.
Photos de plans de maison
Photos de plans de maison
Picorez des idées en parcourant les photos des constructions des autres !
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.

Picto forum Autres discussions sur ce sujet :

1
personne
surveille ce sujet
S'abonner
Partagez cette pagePartagez cette pagePartagez cette pagePartagez cette page
Partagez cette page
Voir