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

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 le 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
# Tropactif #

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

http://urlz.fr/2OYC
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 le Sam 26 Mar 2016 - 12:03

Up Very Happy

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le 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

Tite-May
Nouveau membre

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

http://templactif.forumactif.org/
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 le 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
# Tropactif #

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

http://urlz.fr/2OYC
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 le Lun 28 Mar 2016 - 8:52

Up Smile

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Mar 29 Mar 2016 - 8:49

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Mer 30 Mar 2016 - 9:03

Up svp

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Jeu 31 Mar 2016 - 9:33

Up aidez moi

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Ven 1 Avr 2016 - 9:20

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le 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
# Tropactif #

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

http://urlz.fr/2OYC
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 le Dim 3 Avr 2016 - 9:36

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Lun 4 Avr 2016 - 9:33

Up


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

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Mar 5 Avr 2016 - 10:12

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Mer 6 Avr 2016 - 10:24

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Jeu 7 Avr 2016 - 10:13

Up


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

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Sam 9 Avr 2016 - 8:41

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Dim 10 Avr 2016 - 8:39

Up


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

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Dim 10 Avr 2016 - 12:24

Bonjour,

Une petite recherche Google...

Précharger image avec JQuery





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le 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
# Tropactif #

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

http://urlz.fr/2OYC
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 le Lun 11 Avr 2016 - 14:17

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Mar 12 Avr 2016 - 14:16

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Jeu 14 Avr 2016 - 10:13

Up

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le Ven 15 Avr 2016 - 10:10

Up


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

alv
# Tropactif #

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

http://urlz.fr/2OYC
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 le 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.





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le 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
# Tropactif #

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

http://urlz.fr/2OYC
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 le 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
+ Hyperactif +

Messages : 4340
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 le 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.





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le 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
# Tropactif #

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

http://urlz.fr/2OYC
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 le Sam 16 Avr 2016 - 18:08

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

MlleAlys
+ Hyperactif +

Messages : 4340
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 le Dim 17 Avr 2016 - 10:29

Bonjour,
OK, merci pour ton aide.

alv
# Tropactif #

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

http://urlz.fr/2OYC
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


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