Précharger images de fond de tableaux "display: none"
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
Précharger images de fond de tableaux "display: none"
Bonjour,
Sur mon forum, j'ai fait un bandeau avec des liens à survoler. Au survol de chaque lien, un tableau apparaît. Chaque tableau a 2 colonnes qui ont chacune leur image de fond.
Par défaut, les tableaux sont en "display: none". Au survol d'un lien, le tableau devient "display: table". Le problème est que le "display: none" fait que les images de fond ne se chargent que quand les tableaux apparaissent (avec un délai de quelques millisecondes pour que les images de fond apparaissent), alors que je souhaiterais que les images de fond apparaissent immédiatement, sans délai de chargement.
Comment précharger les images de fond contenu dans un tableau en "display: none" ? Ou il faut ne pas utiliser de display ?
Merci d'avance.
Voici mon code (template overall_header) :
J'ai essayé de précharger comme ceci (mais ça n'a rien changé) :
Sur mon forum, j'ai fait un bandeau avec des liens à survoler. Au survol de chaque lien, un tableau apparaît. Chaque tableau a 2 colonnes qui ont chacune leur image de fond.
Par défaut, les tableaux sont en "display: none". Au survol d'un lien, le tableau devient "display: table". Le problème est que le "display: none" fait que les images de fond ne se chargent que quand les tableaux apparaissent (avec un délai de quelques millisecondes pour que les images de fond apparaissent), alors que je souhaiterais que les images de fond apparaissent immédiatement, sans délai de chargement.
Comment précharger les images de fond contenu dans un tableau en "display: none" ? Ou il faut ne pas utiliser de display ?
Merci d'avance.
Voici mon code (template overall_header) :
- Spoiler:
- Spoiler:
J'ai essayé de précharger comme ceci (mais ça n'a rien changé) :
- Spoiler:
Dernière édition par alv le Lun 18 Avr 2016 - 18:05, édité 1 fois
Re: Précharger images de fond de tableaux "display: none"
Bonjour !
Je pense avoir une idée de comment faire, mais j'ai besoin de ton template complet pour pouvoir tester, j'arrive pas à voir quelle partie tu as donnée :/
Bises
Je pense avoir une idée de comment faire, mais j'ai besoin de ton template complet pour pouvoir tester, j'arrive pas à voir quelle partie tu as donnée :/
Bises
Re: Précharger images de fond de tableaux "display: none"
Bonjour,
Voici mon template overall_header :
Voici mon template overall_header :
- Spoiler:
Dernière édition par alv le Lun 18 Avr 2016 - 18:01, édité 1 fois
Re: Précharger images de fond de tableaux "display: none"
Up
Dernière édition par alv le Lun 18 Avr 2016 - 18:09, édité 1 fois
Re: Précharger images de fond de tableaux "display: none"
Up
Dernière édition par alv le Lun 18 Avr 2016 - 18:09, édité 1 fois
Re: Précharger images de fond de tableaux "display: none"
Up
Dernière édition par alv le Lun 18 Avr 2016 - 18:13, édité 1 fois
Re: Précharger images de fond de tableaux "display: none"
Up
Dernière édition par alv le Dim 17 Avr 2016 - 10:31, édité 1 fois
Re: Précharger images de fond de tableaux "display: none"
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Précharger images de fond de tableaux "display: none"
Bonjour,
J'ai déjà fait des recherches sur Google avant de demander de l'aide. J'ai essayé plein de codes mais rien ne fonctionne. Je ne m'y connais pas en javascript. Je ne sais pas comment l'adapter à mon forum.
J'ai déjà fait des recherches sur Google avant de demander de l'aide. J'ai essayé plein de codes mais rien ne fonctionne. Je ne m'y connais pas en javascript. Je ne sais pas comment l'adapter à mon forum.
Re: Précharger images de fond de tableaux "display: none"
Up
Dernière édition par alv le Dim 17 Avr 2016 - 10:32, édité 1 fois
Re: Précharger images de fond de tableaux "display: none"
Je n'ai jamais utilisé ce genre de code, je ne sais donc pas comment le faire fonctionner. Je laisse la main à quelqu'un qui saura répondre de manière efficace.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Précharger images de fond de tableaux "display: none"
Bonjour
OK.
De préférence, pas un code en javascript, parce des internautes l'ont désactivé et je souhaiterais que ça marche pour tout le monde.
OK.
De préférence, pas un code en javascript, parce des internautes l'ont désactivé et je souhaiterais que ça marche pour tout le monde.
Re: Précharger images de fond de tableaux "display: none"
Bonjour,
Je n'y connais pas grand chose non plus en la matière, mais si j'ai bien compris cette page : http://blog.lesieur.name/maitriser-les-requetes-au-chargement-d-une-page-web/
- les éléments img sont chargés même s'ils sont en display:none;
- les fonds des éléments en display:none; ne sont pas chargés
Donc il suffirait de mettre mettre les images (comme éléments et non comme fonds) sur la page et de les cacher en display:none; pour qu'elles soient chargées en même temps que celle-ci ?
Je n'y connais pas grand chose non plus en la matière, mais si j'ai bien compris cette page : http://blog.lesieur.name/maitriser-les-requetes-au-chargement-d-une-page-web/
- les éléments img sont chargés même s'ils sont en display:none;
- les fonds des éléments en display:none; ne sont pas chargés
Donc il suffirait de mettre mettre les images (comme éléments et non comme fonds) sur la page et de les cacher en display:none; pour qu'elles soient chargées en même temps que celle-ci ?
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Précharger images de fond de tableaux "display: none"
Donc il suffirait de mettre mettre les images (comme éléments et non comme fonds) sur la page et de les cacher en display:none; pour qu'elles soient chargées en même temps que celle-ci ?
C'est ce que fait le code JavaScript que j'ai donné, en effet.
De préférence, pas un code en javascript, parce des internautes l'ont désactivé et je souhaiterais que ça marche pour tout le monde.
Étant donné que 80% de votre site est codé en JavaScript, je ne sais pas si ça va changer grand chose. Et puis... je ne pense pas qu'il existe de façon à faire ce que vous voulez sans JavaScript.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Précharger images de fond de tableaux "display: none"
Bonjour,
Merci pour votre aide. Je désespérais.
Votre lien confirme ce que je pensais : les images de fond de tableaux "display: none" ne se chargent que quand les tableaux deviennent "display: table".
Une solution serait de mettre une image et d'insérer du texte par dessus, apparemment. Le problème est que ça va être très compliqué de modifier tout mon template pour faire ça.
Peut-être qu'il serait plus facile de précharger les images par un code javascript. Si quelqu'un sait comment faire, je suis preneur...
Merci pour votre aide. Je désespérais.
Votre lien confirme ce que je pensais : les images de fond de tableaux "display: none" ne se chargent que quand les tableaux deviennent "display: table".
Une solution serait de mettre une image et d'insérer du texte par dessus, apparemment. Le problème est que ça va être très compliqué de modifier tout mon template pour faire ça.
Peut-être qu'il serait plus facile de précharger les images par un code javascript. Si quelqu'un sait comment faire, je suis preneur...
Re: Précharger images de fond de tableaux "display: none"
Pour du javascript, je passe également la main malheureusement !
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Précharger images de fond de tableaux "display: none"
Bonjour,
OK, merci pour ton aide.
OK, merci pour ton aide.
Page 1 sur 2 • 1, 2
Sujets similaires
» Images de fond aléatoires
» hauteur image de fond des tableaux
» Problème couleur fond des tableaux / cellules
» images de fond
» Mettre des images en fond !
» hauteur image de fond des tableaux
» Problème couleur fond des tableaux / cellules
» images de fond
» Mettre des images en fond !
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum