begin process at 2012 05 29 20:10:20
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

prechargement des image


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

prechargement des image

jeudi 11 mars 2010 à 15:17:58 | prechargement des image

baryta

Bonjour à tous
Cela fait quelques jours que je cherche à résoudre le préchargement de mes images.
J'ai trouvé le code javascrip pour les précharger.
Je l'ai inserré dans la partie head de ma page.
En revanche le temps de chargement est long et d'autre part ce que je trouve horrible c'est l'affichage tu texte alternatif.
Pour tout vous expliquer lorsque l'on rentre su ma page, c'est une fonction php qui choisit une image au hasard dans un dossier.
Réactualisez la page et vous verrez une nouvelle photo.
Ceci pour vous expliquer.
Si j'insere une barre de chargement, non seulement elle apparait à la fin du préchargement de l'image et entre chaque réactualisation.
Si quelqu'un pouvez m'aider à trouver une solution ce serait très sympa de votre part, je vous laisse visiter ma page http://audreytabary.com/et je vous remercie infiniement pour vos reponse.
Merci à tous
jeudi 11 mars 2010 à 18:18:59 | Re : prechargement des image

PetoleTeam

Membre Club
Réponse acceptée !
Bonjour,
Dur DUR HARD!!! j'ai fait Arrêter...

ce que tu fais n'est pas du préchargement au sens ou tu le pense, dans ton script tu charges les images au départ et non une fois le document chargé...
...combien d'images précharges tu pour en regarder combien ?

Attention l'abus de préchargement peux nuire gravement à la santé !
;O)
jeudi 11 mars 2010 à 19:57:30 | Re : prechargement des image

47

Bonsoir,

réduire aussi la taille des images (je suis tombé sur 1 de plus de 500ko)

sur la page d'accueil tu précharges plein d'images (57 si j'ai bien ccompté ^^) pour en afficher 1 ce qui augmente pas mal le temps de chargement de la page (les 57 images representent 25Mo ....)

bonne soirée
jeudi 11 mars 2010 à 21:52:41 | Re : prechargement des image

baryta

Oui alors je précharge 54 images au total que j'ouvre en tout petit dans ma page dans un div dont le style css est hidden. Mais la taille est de 10px.
Certes avec la fonction php qui pioche l'image au hasard je ne sais comme vous laquelle apparaitra en premier. Je veux donc les charger toutes.
Bon en fait comment je doit m'y prendre finalement je ne sais rien je sors d'une formation et je m'agrippe comme une arrapède sur un rocher pour essayer de faire avec la programmation et j'aime bien t je vous remercie infiniment de vos réponses.
Aidez moi à trouver cette solution pour que lorsque je rentre sur ma page je puisse avoir une image au hasard et qui s'affiche vite.
merci beaucoup.
Audrey
jeudi 11 mars 2010 à 22:26:05 | Re : prechargement des image

PetoleTeam

Membre Club
Pour tout vous expliquer lorsque l'on rentre su ma page, c'est une fonction php qui choisit une image au hasard dans un dossier.
dans ce cas demande lui de n'afficher que celle la et pas les autres, entre charger une image en taille réelle et charger 54 dont 53 pour rien il n'y a pas à choisir...

;O)
jeudi 11 mars 2010 à 22:33:48 | Re : prechargement des image

PetoleTeam

Membre Club
Réponse acceptée !
ton fichier en final ne devarit contenir que cela, pris sur ton site, eh oui je l'ai laissé faire jusqu'au bout
Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Audrey Tabary</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="verify-v1" content="DaDazW5KHFUlrX+cIGjnnwHVAdnz9CINhYybIiwuHqo=" />
<meta name="description" content="Audrey Tabary photographie marseille graphiste web design" />
<meta name="keywords" content="photographe de mariage, graphisme, studio, webdesign,artiste,photographie ludique, sociologie, photographie couleur, photographie noir et blanc " />
<link rel="stylesheet" type= "text/css" href="css/index.css" media="screen"/>
</head>
<body>
<div id="global">
  <div id="header">
    <h1>AUDREY TABARY</h1>
    <h2>Photographe</h2>
    <img class="titre" src="image/siteh1.jpg" alt="audrey tabary" />
  </div>
<div id="menu">
<ul>
<li class="red"><a  href="index.php?page=0" >ACCUEIL</a></li>
  <li class="active"><a href="#" >GALERIE</a>
  <ul>
  <li><a href="artiste.php?page=1&hd=ben.jpg">La vie d'artiste</a></li>
  <li><a href="marseillais.php?page=2&hd=NEG1_4A.jpg">Les marseillais à la plage</a></li>
  <li><a href="camper.php?page=3&hd=camp01.jpg" >Camper en Gironde</a></li>
  </ul>
  </li>
  <li class="press"><a href="#">PRESSE</a></li>
  <li class="contact"><a href="mailto:xxxxx@xxx.xxx">CONTACT</a></li>
</ul></div>
<div id="charge">
  <img class="boite" src="image/accueil/prophete.jpg" alt="Audrey Tabary photographe." /></div>
</div>
</body>
</html>

...sans plus...
;O)
jeudi 11 mars 2010 à 22:34:54 | Re : prechargement des image

baryta

Oui mais comment je fais? je sais pas je suis débutante voulant bien faire....
Comment on fait?
jeudi 11 mars 2010 à 22:40:34 | Re : prechargement des image

baryta

Ok je regarde ça, je n'avais `pas vue que tu m'avez envoyé un code alors merci infiniment...
Je regarde ça mais vraiment merci. Tu sais toi? merci merci...
Comment fais tu pour avoir le php, c'est comme ci tu développais mon site? merci infiniment
jeudi 11 mars 2010 à 22:51:16 | Re : prechargement des image

PetoleTeam

Membre Club
tout d'abord ne mets pas réponse acceptée tant que cela ne l'ai pas réellement
Ensuite...
Comment fais tu pour avoir le php,
ce n'est pas du PHP mais la page générée HTML, il suffit de faire un click droit avec la mouse sur la page et de sélectionner afficher le code de la page
;O)
vendredi 12 mars 2010 à 12:08:47 | Re : prechargement des image

baryta

Oui ok, ce que tu vois en code source n'est pas le code réel, puisque le php est invisible sur les pages web.le vrai code est le suivant:
La fonction appelle une image au hasard pour l'afficher il en pioche une sur les 50 du dossier.
Ce que je veux c'est les précharger. Et enlever le texte alternatif en attendant le préchargement.
Bref si quelqu'un a une méthode.
Merci
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Audrey Tabary</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="verify-v1" content="DaDazW5KHFUlrX+cIGjnnwHVAdnz9CINhYybIiwuHqo=" />
<meta name="description" content="Audrey Tabary photographie marseille graphiste web design" />
<meta name="keywords" content="photographe de mariage, graphisme, studio, webdesign,artiste,photographie ludique, sociologie, photographie couleur, photographie noir et blanc " />

<link rel="stylesheet" type= "text/css" href="css/index.css" media="screen"/>
<SCRIPT language="JavaScript"><!--

var imgs = new Array( "image/actualisation.png", "image/enconstruction.png", "image/contact.png", "image/siteh1.jpg", "image/accueil/blaine.jpg", "image/accueil/boisnard.jpg", "image/accueil/carlos.jpg", "image/accueil/casadamont.jpg", "image/accueil/castell.jpg","image/accueil/carre.jpg","image/accueil/couplevenezuelien.jpg","image/accueil/classe.jpg","image/accueil/chevre.jpg","image/accueil/chat.jpg","image/accueil/delbes.jpg","image/accueil/chat.jpg","image/accueil/pecheur.jpg","image/accueil/peche.jpg","image/accueil/montessuis.jpg","image/accueil/mireilla.jpg","image/accueil/mezzapelle.jpg","image/accueil/merida.jpg","image/accueil/marta.jpg","image/accueil/maigret.jpg","image/accueil/leve.jpg","image/accueil/venezuelien.jpg.jpg","image/accueil/laurette.jpg","image/accueil/jouannais.jpg","image/accueil/hulaut.jpg","image/accueil/accueil/joelhubaut.jpg","image/accueil/genevievebis.jpg","image/accueil/genevieve.jpg","image/accueil/marta.jpg","image/accueil/trsdfrance1.jpg","image/accueil/tourfr10.jpg.jpg","mage/accueil/tourfr9.jpg","image/accueil/tourfr8.jpg","image/accueil/tourfr7.jpg","image/accueil/tourfr6.jpg","image/accueil/tourfr5.jpg","image/accueil/tourfr3.jpg","image/accueil/tourfr2.jpg","image/accueil/tourfr1.jpg","image/accueil/tourfr4.jpg","image/accueil/tanguy.jpg","image/accueil/berard.jpg","image/accueil/rudyriccioti.jpg","image/accueil/renaud.jpg","image/accueil/religieux.jpg","image/accueil/rebufa.jpg","image/accueil/rebeca.jpg","image/accueil/prophete.jpg","image/accueil/police.jpg","image/accueil/wampach.jpg","image/accueil/pennequin.jpg","image/accueil/a.dman.jpg","image/accueil/artiste.jpg","image/accueil/ben.jpg","image/accueil/acrobaties.jpg");




for( var i = 0 ; i < imgs.length ; i++ )
{
var tmp = imgs[ i ];
(imgs[ i ] = new Image()).src = tmp;
}

//-->
</script>


</head>

<body>
<div id="global">

<div id="header">
<h1>AUDREY TABARY</h1>
<h2>Photographe</h2>


<img class="titre" src="image/siteh1.jpg" alt="audrey tabary" />

<!-- fin de #header -->
</div>
<div id="menu">
<?php include('include/menu.php'); ?>
</div>

<div id="charge">

<img class="mini" src="image/accueil/acrobaties.jpg" alt="audrey tabary baudoin" /><img class="mini" src="image/accueil/casadamont.jpg"/><img class="mini" src="image/accueil/blaine.jpg"alt="audrey tabary julien blaine"/><img class="mini" src="image/accueil/boisnard.jpg"alt="audrey tabary pilippe boisnard"/><img class="mini" src="image/accueil/carlos.jpg"alt="audrey tabary interieurs venezueliens"/><img class="mini" src="image/accueil/casadamont.jpg"alt="audrey tabary amandine casadamont"/><img class="mini" src="image/accueil/castell.jpg"alt="audrey tabary dominique castell"/>
<img class="mini" src="image/accueil/carre.jpg"alt="audrey tabary patrice carre"/><img class="mini" src="image/accueil/couplevenezuelien.jpg"alt="audrey tabary interieurs venezueliens"/><img class="mini" src="image/accueil/classe.jpg"alt="audrey tabary photographie de classe"/><img class="mini" src="image/accueil/chevre.jpg"alt="audrey tabary photographie de classe"/><img class="mini" src="image/accueil/chat.jpg"alt="audrey tabary point de vue"/><img class="mini" src="image/accueil/delbes.jpg"alt="audrey tabary jean-louis delbes"/><img class="mini" src="image/accueil/delbes.jpg"alt="audrey tabary jean-louis delbes"/><img class="mini" src="image/accueil/pecheur.jpg"alt="audrey tabary anne-marie pecheur"/><img class="mini" src="image/accueil/peche.jpg"alt="audrey tabary port de marseille"/><img class="mini" src="image/accueil/montessuis.jpg"alt="audrey tabary joachim montessuis"/><img class="mini" src="image/accueil/mireilla.jpg"alt="audrey tabary femme"/><img class="mini" src="image/accueil/mezzapelle.jpg"alt="audrey tabary françois mezzapelle"/><img class="mini" src="image/accueil/merida.jpg"alt="audrey tabary interieurs venezueliens"/><img class="mini" src="image/accueil/artiste.jpg"alt="audrey tabary interieurs venezueliens"/>
<img class="mini" src="image/accueil/marta.jpg"alt="audrey tabary marta jonville"/><img class="mini" src="image/accueil/maigret.jpg"alt="audrey tabary nicolas maigret"/><img class="mini" src="image/accueil/tanguy.jpg"alt="audrey tabary cedric tanguy"/><img class="mini" src="image/accueil/wampach.jpg"alt="audrey tabary david wampach"/><img class="mini" src="image/accueil/wampach.jpg"alt="audrey tabary david wampach"/>
<img class="mini" src="image/accueil/rebufa.jpg"alt="audrey tabary olivier rebufa"/><img class="mini" src="image/accueil/rudyriccioti.jpg"alt="audrey tabary rudy ricciotti"/><img class="mini" src="image/accueil/leve.jpg"alt="audrey tabary edouard leve"/><img class="mini" src="image/accueil/ben.jpg"alt="audrey tabary ben vautier"/><img class="mini" src="image/accueil/pennequin.jpg"alt="audrey tabary charles pennequin"/>
<img class="mini" src="image/accueil/venezuelien.jpg"alt="audrey tabary interieurs venezueliens"/><img class="mini" src="image/accueil/laurette.jpg"alt="audrey tabary matthieu laurette"/><img class="mini" src="image/accueil/jouannais.jpg"alt="audrey tabary jean-yves jouannais"/><img class="mini" src="image/accueil/hulaut.jpg"alt="audrey tabary annabelle hulaut"/><img class="mini" src="image/accueil/joelhubaut.jpg"alt="audrey tabary joel hubaut"/><img class="mini" src="image/accueil/berard.jpg"alt="audrey tabary stephane berard nathalie quintane"/>
<img class="mini" src="image/accueil/renaud.jpg"alt="audrey tabary jerome renaud"/><img class="mini" src="image/accueil/a.dman.jpg"alt="audrey tabary george hassomeri"/><img class="mini" src="image/accueil/prophete.jpg"alt="audrey tabary port de marseille"/><img class="mini" src="image/accueil/genevievebis.jpg"alt="audrey tabary femme"/><img class="mini" src="image/accueil/genevieve.jpg"alt="audrey tabary femme"/>
<img class="mini" src="image/accueil/trsdfrance1.jpg"alt="audrey tabary tour de france"/><img class="mini" src="image/accueil/tourfr10.jpg"alt="audrey tabary tour de france"/><img class="mini" src="image/accueil/tourfr9.jpg"alt="audrey tabary tour de france"/><img class="mini" src="image/accueil/tourfr8.jpg"alt="audrey tabary tour de france"/><img class="mini" src="image/accueil/tourfr7.jpg"alt="audrey tabary tour de france"/><img class="mini" src="image/accueil/tourfr2.jpg"alt="audrey tabary tour de france"/><img class="mini" src="image/accueil/tourfr6.jpg"alt="audrey tabary tour de france"/><img class="mini" src="image/accueil/tourfr5.jpg"alt="audrey tabary tour de france"/><img class="mini" src="image/accueil/tourfr1.jpg"alt="audrey tabary tour de france"/><img class="mini" src="image/accueil/tourfr4.jpg"alt="audrey tabary tour de france"/><img class="mini" src="image/accueil/tourfr3.jpg"alt="audrey tabary tour de france"/><img class="mini" src="image/accueil/rebeca.jpg"alt="audrey tabary nue feminin"/><img class="mini" src="image/accueil/religieux.jpg"alt="audrey tabary lourde"/><img class="mini" src="image/accueil/police.jpg"alt="audrey tabary joel hubaut"/>














<?php
$photo=scandir('image/accueil/');
do {$index=rand(3,count($photo)-1);
$image=$photo[$index];}while($image=='Thumbs.db');
echo '<img class="boite" src="image/accueil/'.$image.'" alt="Audrey Tabary photographe." />';
?>
</div>
</div>

</body>
</html>

1 2

Cette discussion est classée dans : page, image, chargement, préchargement, prechargement


Répondre à ce message

Sujets en rapport avec ce message

Problème chargement image javascript [ par Travailleuuse06 ] Bonjour,je suis devant un très gros problème que je n'arrive pas à résoudre. J'ai une page html où j'ai un Dans ma partie javascript, j'ai document. pb avec un popup [ par kun00538 ] bonjour a tousVoila j'ai une page html avec un avatar par default quand l'utilisateur clic sur le bouton pour change d'image j'ouvre une popup pour ac une image qui glisse [ par dartagnan0606 ] Bonjour,Je recherche un script qui me permettrait de faire glisser, pas trop vite!!,  une image sur ma page d'accueil du côté gauche et qui s'arrêtera Chargement d'une page [ par TomQuick ] Est-il possible de précharger une page de façon à ce qu'elle s'ouvre seulement lorsque tous les éléments de la page soit ouverts ? Par exemple, au lie image [ par salim81 ] bonjour a tous! d'ailleur;je vous remerci pour la reponse concernat le lien vers le cadre d'une frame! j'ai un autre probléme .en effet; j'ai un code prechargement d image ?? [ par gabs77 ] slt, donc voila g fait un diaporama automatique en php/javascript et sa fonctionne bien en revanche est ce que quelqu'un peut me donner un conseil ou Post-chargement [ par Gamslink ] Bonjour à tousJe me suis développé ma page d'accueil avec moteurs de recherche, et formulaires divers (traduction, Imageshack, ....)J'ai récemment vou Chargement d une image [ par adakick ] Bonjour, Sur mon site j'ai des images assez lourde et je voudrais qu'en attendant que ces images se chargent en affiché d autre du genre : <img title Un script interompt le chargement de ma page ! [ par supergrey ] Bonjour, voila mon site s'affiche tres bien sous Firefox, Opera et Netscape mais dans Internet Explorer le chargement de la page s'intérompt avant que galleries d'image multiples sur une même page [ par youkiwouf ] bonjour à tous c'est mon premier post. je suis débudébudébutant et aurais besoin de vos bons conseils. j'ai 5 images sur ma page.A1, B1, C1, D1, et


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 3,198 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales