Discussion :

[saimonesays]

Salut à tous,

J'ai une nouvelle fois besoin de vos précieux conseils sur ce forum.
En fait, je suis en train de développer un site qui a une image de fond assez lourde, mais qui est la même sur TOUTES les pages du site.

Voici le code que j'utilise :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="/images/bgImage.jpg" alt="#" class="bigImage"/>

J'appelle mon image juste après le body et le code css de la class bigImage est le suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
img.bigImage{
	position:fixed !important;
}

Le problème se pose alors puisque dès que je change de page, l'image doit se charger à nouveau (je suppose) puisqu'il y a à la place un fond noir pendant quelques secondes avant que l'image ne se charge

J'aimerai en quelque sorte pouvoir mettre en cache ou en mémoire l'image de sorte qu'elle ne bouge plus pendant toute la navigation sur le site.

Est-ce que c'est possible ? Comment dois-je m'y prendre pour arriver à cela ?

Merci par avance.

Simon

[miltonis]

Salut,
Je ne suis pas sur, mais je pense que la javascript est ton ami pour cela

[saimonesays]

Salut,
Je ne suis pas sur, mais je pense que la javascript est ton ami pour cela

D'accord, je suis pas très éduqué dans ce domaine, donc si qqun a une solution en CSS, je suis preneur

[Bovino]

Je ne suis pas sur, mais je pense que la javascript est ton ami pour cela

Non, pas vraiment... JavaScript ne gère pas la gestion du cache et ne peut donc pas être utile.

La gestion du cache du navigateur se fait au niveau de l'utilisateur, donc tu ne peux pas intervenir dessus.
Ceci dit, si ton image est trop grosse, il est possible qu'elle ne puisse pas être mise en cache ou qu'elle en soit sortie rapidement faute de place.

Ceci dit, mettre une image lourde en fond n'est habituellement pas recommandé. Il est préférable de passer par de petites images pouvant se répéter en longueur et largeur.

[saimonesays]

Ceci dit, si ton image est trop grosse, il est possible qu'elle ne puisse pas être mise en cache ou qu'elle en soit sortie rapidement faute de place.

Merci bovino, completement d'accord avec toi sur les images lourdes, mais parfois cela peut aussi rendre le site plus esthétique...

Tu veux dire que l'image ne peut pas être mise en cache par mon navigateur ou par le serveur ?

C'est étonnant, il m'avait semblé voir des sites avec des images de taille importante, et ces dernières ne se rechargeaient pas à chaque fois que l'utilisateur changeait de page, je vais essayer de retrouver...

[saimonesays]

Et en Javascript, il n'y a aucun moyen de faire un préchargement des images pour qu'elles soient ensuite appelées, sans être rechargé à chaque fois ?

[saimonesays]

Je viens de voir ce site
http://ringvemedia.com/beijing-activities

Il charge les images de fond à chaque page, et lorsqu'on revient sur la page qu'on a déjà visité, l'image ne se recharge plus...

je vais regarder un peu le code pour essayer de comprendre