Précharger images de fond de tableaux "display: none"

4 participants

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Précharger images de fond de tableaux "display: none"

Message par alv Ven 25 Mar 2016 - 12:01

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) :
Spoiler:
CSS :
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
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Sam 26 Mar 2016 - 12:03

Up Very Happy
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par Tite-May Sam 26 Mar 2016 - 19:26

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
avatar

Tite-May
****

Féminin
Messages : 207
Inscrit(e) le : 13/08/2012

http://tambouille-raleuses.forumactif.com/
Tite-May a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Dim 27 Mar 2016 - 8:50

Bonjour,
Voici mon template overall_header :
Spoiler:


Dernière édition par alv le Lun 18 Avr 2016 - 18:01, édité 1 fois
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Lun 28 Mar 2016 - 8:52

Up Smile
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Mar 29 Mar 2016 - 8:49

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Mer 30 Mar 2016 - 9:03

Up svp
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Jeu 31 Mar 2016 - 9:33

Up aidez moi
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Ven 1 Avr 2016 - 9:20

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Sam 2 Avr 2016 - 9:19

Up Very Happy


Dernière édition par alv le Lun 18 Avr 2016 - 18:09, édité 1 fois
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Dim 3 Avr 2016 - 9:36

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Lun 4 Avr 2016 - 9:33

Up


Dernière édition par alv le Lun 18 Avr 2016 - 18:09, édité 1 fois
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Mar 5 Avr 2016 - 10:12

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Mer 6 Avr 2016 - 10:24

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Jeu 7 Avr 2016 - 10:13

Up


Dernière édition par alv le Lun 18 Avr 2016 - 18:13, édité 1 fois
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Sam 9 Avr 2016 - 8:41

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Dim 10 Avr 2016 - 8:39

Up


Dernière édition par alv le Dim 17 Avr 2016 - 10:31, édité 1 fois
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par Lixyr Dim 10 Avr 2016 - 12:24

Bonjour,

Une petite recherche Google...

Précharger image avec JQuery


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Précharger images de fond de tableaux "display: none" 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Précharger images de fond de tableaux "display: none" 3592387030 pour prévenir la modération.

Précharger images de fond de tableaux "display: none" Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7377
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Dim 10 Avr 2016 - 14:20

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.
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Lun 11 Avr 2016 - 14:17

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Mar 12 Avr 2016 - 14:16

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Jeu 14 Avr 2016 - 10:13

Up
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Ven 15 Avr 2016 - 10:10

Up


Dernière édition par alv le Dim 17 Avr 2016 - 10:32, édité 1 fois
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par Lixyr Ven 15 Avr 2016 - 21:23

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 Précharger images de fond de tableaux "display: none" 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Précharger images de fond de tableaux "display: none" 3592387030 pour prévenir la modération.

Précharger images de fond de tableaux "display: none" Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7377
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Sam 16 Avr 2016 - 10:13

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.
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par MlleAlys Sam 16 Avr 2016 - 10:49

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 ?
MlleAlys

MlleAlys
Membre actif

Messages : 5747
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par Lixyr Sam 16 Avr 2016 - 13:50

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 Précharger images de fond de tableaux "display: none" 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Précharger images de fond de tableaux "display: none" 3592387030 pour prévenir la modération.

Précharger images de fond de tableaux "display: none" Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7377
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Sam 16 Avr 2016 - 17:56

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...
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par MlleAlys Sam 16 Avr 2016 - 18:08

Pour du javascript, je passe également la main malheureusement !
MlleAlys

MlleAlys
Membre actif

Messages : 5747
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Précharger images de fond de tableaux "display: none"

Message par alv Dim 17 Avr 2016 - 10:29

Bonjour,
OK, merci pour ton aide.
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum