Chargement images
julien1451
Messages postés
178
Statut
Membre
-
notobe Messages postés 2222 Statut Membre -
notobe Messages postés 2222 Statut Membre -
Bonjour à tous, voilà je suis en train de réaliser un site, à un moment j'utilise 7 fois la même image via PHP (pour économiser des lignes). Le soucis c'est que quand je regarde FireBug, l'image est chargé 7 fois. Comment faire pour que le navigateur ne charge qu'une fois cette image ? Merci d'avance pour la réponse.
A voir également:
- Chargement images
- Des images - Guide
- Échec du chargement du module twitch ✓ - Forum Virus
- Extraire images pdf - Guide
- Visualisez cette image avec un logiciel d'édition d'images. combien y a-t-il de pixels noirs sur le camion ? ✓ - Forum Python
- Recherche images - Guide
6 réponses
j'ai utilisé ceci à la fin de la page, le problème c'est ça marche une fois :
<script type='text/javascript'>
document.getElementById('reflet_menu').src='reflet_menu.png';
</script>";
voici le script PHP que j'ai fait :
<script type='text/javascript'>
document.getElementById('reflet_menu').src='reflet_menu.png';
</script>";
voici le script PHP que j'ai fait :
<?php
$i=0;
$id_menu;
$left=array(40,27,42,20,35,35,32);
$top=array(35,20,17,32,29,27,25);
require("connexion.php");
$query="SELECT * FROM page;";
$result=mysql_query($query) or die("échec de la requête");
while($row=mysql_fetch_array($result))
{
if($i<4)
$id_menu="menu";
else
$id_menu="menu2";
echo "<div id=".$id_menu.">
<a href='index.php?page=".utf8_encode($row['nom_menu'])."'>
<img id='image_menu' src='".$row['image']."' style='margin-left:".$left[$i]."px;margin-top:".$top[$i]."px'/>
<img id='reflet_menu' style='position:absolute;z-index:2;' />
<img id='menu_gauche' src='bouton_menu_gauche.png' />
<img id='menu_centre' src='bouton_menu_centre.png' />
<img id='menu_droite' src='bouton_menu_droite.png' />
<br />
<br />
<span id='lien_menu'>".utf8_encode($row['nom_menu'])."</span>
</a>
</div>";
$i++;
}
mysql_close();
?>
Rebonjour, je n'ai peut-être pas été assez clair dans mes postes alors je vais donner un exemple, imaginons une page comme celle-ci :
<html>
<head>
<title>test</title>
</head>
<body>
<img src="image_decouverte.png">
<img src="image_decouverte.png">
<img src="image_decouverte.png">
<img src="image_decouverte.png">
<img src="image_decouverte.png">
<img src="image_decouverte.png">
<img src="image_decouverte.png">
<img src="image_decouverte.png">
</body>
</html>
Lorsque l'on regarde sur FireBug sur cette exemple, on remarque que la page est appelé 8 fois. Je cherche donc une solution pour charger une fois l'image et ensuite se servir du cache du navigateur pour les autres images. J'ai vu sur le net l'objet image en javascript. L'image se charge bien dans le javascript mais je sais pas comment le réinjecter dans les balises images. J'ai essayé l'évènement onload mais ça marche pas. Le problème n'apparait plus quand la page est réactualisé sans réinitialiser le cache. Pouvez-vous m'aider svp ? Merci d'avance
<html>
<head>
<title>test</title>
</head>
<body>
<img src="image_decouverte.png">
<img src="image_decouverte.png">
<img src="image_decouverte.png">
<img src="image_decouverte.png">
<img src="image_decouverte.png">
<img src="image_decouverte.png">
<img src="image_decouverte.png">
<img src="image_decouverte.png">
</body>
</html>
Lorsque l'on regarde sur FireBug sur cette exemple, on remarque que la page est appelé 8 fois. Je cherche donc une solution pour charger une fois l'image et ensuite se servir du cache du navigateur pour les autres images. J'ai vu sur le net l'objet image en javascript. L'image se charge bien dans le javascript mais je sais pas comment le réinjecter dans les balises images. J'ai essayé l'évènement onload mais ça marche pas. Le problème n'apparait plus quand la page est réactualisé sans réinitialiser le cache. Pouvez-vous m'aider svp ? Merci d'avance
Elle a vraiment besoin d'être dans le code html cette image ? Elle ne peut pas être en background dans la CSS ?
J'avais pas pensé à ça, mais malheureusement, il va y avoir des évènement onclick dessus. Et il y a des images qui se répètent aussi qui sont superposé sur d'autre image.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
J'ai essayé ceci mais ça charge indéfiniment les images
<html>
<head>
<title>test</title>
<script language="JavaScript">
monImage=new Image();
monImage.src="image_decouverte.png";
function chargementImage(image)
{
image.src=monImage.src;
}
</script>
</head>
<body>
<img src="image_decouverte.png" onload="chargementImage(this);">
<img src="image_decouverte.png" onload="chargementImage(this);">
<img src="image_decouverte.png" onload="chargementImage(this);">
<img src="image_decouverte.png" onload="chargementImage(this);">
<img src="image_decouverte.png" onload="chargementImage(this);">
<img src="image_decouverte.png" onload="chargementImage(this);">
<img src="image_decouverte.png" onload="chargementImage(this);">
<img src="image_decouverte.png" onload="chargementImage(this);">
</body>
</html>
