empêcher le chargement d'une image dans le cache du navigateur

empêcher le chargement d'une image dans le cache du navigateur - HTML/CSS - Programmation

Marsh Posté le 12-09-2005 à 11:50:04    

Bonjour,
 
 
J'aimerais qu'une image contenu dans un calque invisible se charge uniquement quand on clic sur un lien (une image)
contenu dans un calque visible. Mon problème est que mes images se chargent toutes dans le cache du site à la connection,
se qui ralenti énormément le chargement. Existe un javascrit pour empêcher le chargement d'une image contenu dans un calque invisible?
 
D'avance merci pour votre aide.

Reply

Marsh Posté le 12-09-2005 à 11:50:04   

Reply

Marsh Posté le 12-09-2005 à 12:07:48    

<meta http-equiv="pragma" content="no-cache">
 
header("Cache-Control: no-store, no-cache, must-revalidate" );
 
header("Pragma: no-cache" );
 

Reply

Marsh Posté le 12-09-2005 à 12:10:17    

Sachant que ça fout en l'air le cache de toute la page, ce qui va alourdir le serveur s'il y a du monde, et en plus quand on clique sur le lien, on se tape le chargement de l'image...

Reply

Marsh Posté le 12-09-2005 à 12:13:19    

FlorentG a écrit :

Sachant que ça fout en l'air le cache de toute la page, ce qui va alourdir le serveur s'il y a du monde, et en plus quand on clique sur le lien, on se tape le chargement de l'image...


Faut ajouter ces en-têtes à ceux de l'image pas à la page elle-même ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 12-09-2005 à 12:14:32    

Merci Xtof_83  
Etant débutant en programmation javascript et utilisant dreamweaver, peux-tu me dire ou je place ce code ?


Message édité par djwham le 12-09-2005 à 12:15:48
Reply

Marsh Posté le 12-09-2005 à 12:15:01    

dans le code html :o


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 12-09-2005 à 12:17:39    

Ok,
Dans le <Head> ou le <body> ?

Reply

Marsh Posté le 12-09-2005 à 12:23:19    

Nan en fait ce qu'il veut, c'est que l'image ne se télécharge pas... Même avec le no-cache et tout, elle se téléchargera. Faut charger l'image dynamiquement :
 

<div id="truc">
  <span id="pouet">Tagada</span>
</div>


document.getElementById('pouet').onclick = function() {
 
  var img = document.createElement('img');
  img.src = 'pouet.jpg';
 
  document.getElementById('truc').appendChild(img);
 
}


Message édité par FlorentG le 12-09-2005 à 12:23:31
Reply

Marsh Posté le 12-09-2005 à 12:29:42    

Merci FlorentG,
Je place ton code dans <HEAD> ou <BODY> ?

Reply

Marsh Posté le 12-09-2005 à 12:30:21    

Nul part. Le JS se met dans un fichier à part, et l'html dans... l'html :D

Reply

Marsh Posté le 12-09-2005 à 12:30:21   

Reply

Marsh Posté le 12-09-2005 à 12:30:36    

Et essaye d'apprend l'HTML avant tout, ça éviterait certaines questions ;)

Reply

Marsh Posté le 12-09-2005 à 12:38:54    

Oui je pense aussi...
 
surtout les bases...
c'est indispensable. ;)

Reply

Marsh Posté le 12-09-2005 à 12:41:51    

Ok,
j'utilise Dreamweaver et le JS se met dans le <HEAD> et le code HTML ds le <BODY>

Reply

Marsh Posté le 12-09-2005 à 12:50:45    

djwham a écrit :

Ok,
j'utilise Dreamweaver et le JS se met dans le <HEAD> et le code HTML ds le <BODY>


 
Non, apprend l'html t'a pas le choix


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 12-09-2005 à 13:14:23    

Dreamweaver  
 
Trés peut soucieux des normes W3C

Reply

Marsh Posté le 12-09-2005 à 13:25:31    

xtof_83 a écrit :

Dreamweaver  
 
Trés peut soucieux des normes W3C


Cette pratique (externalisation du javascript) n'a strictement aucun lien avec les normes W3C [:itm]
 
Elle est liée à la séparation et au découplage des couches des pages [:itm]

Reply

Marsh Posté le 12-09-2005 à 13:35:24    

<span id="pouet">Tagada</span>  
Tagada correspond à quoi dans cette ligne ?

Reply

Marsh Posté le 12-09-2005 à 13:35:47    

masklinn a écrit :

Cette pratique (externalisation du javascript) n'a strictement aucun lien avec les normes W3C [:itm]
 
Elle est liée à la séparation et au découplage des couches des pages [:itm]


 
 
 :pt1cable:  :sweat:  :cry: Oups
 
 :whistle: Et il y pas une "norme" qui dis que c'est préférable :lol:

Reply

Marsh Posté le 12-09-2005 à 13:35:48    

Au texte sur lequel tu veux cliquer pour afficher l'image

Reply

Marsh Posté le 12-09-2005 à 13:41:52    

Ce n'est pas un texte c'est une image dans un calque. Ca fonctionne aussi ?

Reply

Marsh Posté le 12-09-2005 à 13:42:40    

Ouais, suffit de mettre l'id sur l'image surlaquelle faut cliquer

Reply

Marsh Posté le 12-09-2005 à 13:43:06    

Et si t'apprenais l'HTML et le JS ? Ce serait plus simple, et c'est d'ailleurs obligatoire pour faire un site qui ressemble à quelque chose [:dawa]

Reply

Marsh Posté le 12-09-2005 à 13:46:38    

Les conseils sont toujours intéressant pour les débutants

Reply

Marsh Posté le 12-09-2005 à 13:56:02    

document.getElementById('truc').appendChild(img);  
'Truc' correspondant à l'image que je souhaite charger dans le calque ?

Reply

Marsh Posté le 12-09-2005 à 14:02:04    

Réfléchis un peu... Regarde le nom de la fonction : getElementById... Séparons un peu : 'get element by id'... Et on demande 'truc'... Ah, peut -être qu'il y a un machin 'id' avec 'truc' dedans... Tiens, y'a justement un <div id="truc">... Donc on met l'image là-dedans

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed