Chargement images

Fermé

julien1451 Messages postés 168 Date d'inscription mardi 22 septembre 2009 Statut Membre Dernière intervention 13 juillet 2012 - 22 janv. 2010 à 00:42
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 22 janv. 2010 à 20:49

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
Playstation plus chargement impossible ✓ - Forum PS4
Images enregistrées - Forum Bureautique
Ia qui crée des images - Accueil - Intelligence artificielle
Visualisez cette image avec un logiciel d'édition d'images. - Forum Photoshop

6 réponses

Réponse 1 / 6

julien1451 Messages postés 168 Date d'inscription mardi 22 septembre 2009 Statut Membre Dernière intervention 13 juillet 2012 21
22 janv. 2010 à 02:39

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 :

<?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("&eacute;chec de la requ&ecirc;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();
?>

Réponse 2 / 6

julien1451 Messages postés 168 Date d'inscription mardi 22 septembre 2009 Statut Membre Dernière intervention 13 juillet 2012 21
22 janv. 2010 à 16:55

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

Réponse 3 / 6

notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
22 janv. 2010 à 17:05

Elle a vraiment besoin d'être dans le code html cette image ? Elle ne peut pas être en background dans la CSS ?

Réponse 4 / 6

julien1451 Messages postés 168 Date d'inscription mardi 22 septembre 2009 Statut Membre Dernière intervention 13 juillet 2012 21
22 janv. 2010 à 17:13

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

Réponse 5 / 6

julien1451 Messages postés 168 Date d'inscription mardi 22 septembre 2009 Statut Membre Dernière intervention 13 juillet 2012 21
22 janv. 2010 à 19:09

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>

Réponse 6 / 6

notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
22 janv. 2010 à 20:49

Hélas, le js ce n'est pas ma spécialité !
Je ne peux pas t'aider sur ce coup là...

Discussions similaires

calcule nombre des pixels "noir" dans un image (noir/blanc)

Smart IPTV met un temps fou à charger depuis que je suis passé à la fibre

voir ses images enregistrés

ou sont enregistrées les images

IPTV problème de chargement VOD