Charger des images, dur dur !

**Ma-xou** · 24/09/2008, 17h26

Bonjour à tous,

J'ai un problème de chargement d'images...
J'ai essayé vraiment beaucoup de choses mais là il faut bien l'admettre... Je suis bloqué

.

Donc sans plus attendre voici le code:
http://www.yourbloug.com/mbr2/libs/js/chargement.php

Le problème ? pause qui ne se fait pas et chargement qui ne charge rien ! >_<
L'avancement de la barre ne pose pas problème, je l'ai testé et retesté sous toutes les coutures (j'ai changé totalement la structure du code depuis le début).

Il manque ce bout de code que je n'ai pas mis puisque ça ne fonctionne pas !

Code :

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

document.location.href='index.php?charge=ok';

Le code "final" remplaçant fonctionne.

Code :

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

alert("tout est chargé: "+chargement+"%");

Merci d'avance.

(j'ai une seule envie là, de dire HELLLPPPP)

**supersnail** · 24/09/2008, 17h28

On pourrait voir le code HTML qui implémente le script?

**Ma-xou** · 24/09/2008, 17h44

Envoyé par supersnail

On pourrait voir le code HTML qui implémente le script?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
   <head>
       <title>Chargement en cours...</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#page {
	margin: auto;
	width: 400px;
	margin-top: 80px;
}
#charge {
	width: 12px; /* 400px normalement */
}
	#charge_gauche {
		width: 6px;
		height: 30px;
		background: url(images/gauche.png);
		float: left;
	}
	#charge_droite {
		width: 6px;
		height: 30px;
		background: url(images/droite.png);
		float: right;
	}
	#charge_centre {
		background: url(images/centre.png);
		width: 0px; /* 388px normalement */
		height: 30px;
		margin-right: 6px;
		margin-left: 6px;
	}
h1 {
	color: #07a5d1;
	font-family: Arial, Verdana;
	font-size: 17pt;
	margin-bottom: 50px;
	text-align: center;
}
#img_centre {
	text-align: center;
	margin-top: 40px;
}
</style>
<script type="text/javascript" src="libs/js/chargement.php"></script>
   </head>
<body onload="">
<div id="page">
 
	<h1>Chargement en cours...</h1>
	<div id="charge">
	<div id="charge_gauche"></div>
	<div id="charge_droite"></div>
	<div id="charge_centre"></div>
	</div>
	<p id="img_centre"><img src="images/chargement3.gif" alt="chargement" onclick="chargement_load();" /></p>
</div>
</body>
 
</html>

Normalement c'est dans le onload de body mais là je l'ai pas fait pour pouvoir mieux contrôler, je l'ai mis sur une image.

Merci pour la réponse.

**gwyohm** · 24/09/2008, 18h14

Salut,

Tu n'as pas des erreurs javascript par hasard ?

**Ma-xou** · 24/09/2008, 18h58

Aucune =/

J'espère que vous pourrez m'aider, personne n'a réussi encore...

Merci de vous pencher sur le problème.

Si on doit aller jusqu'à une refonte du code complet, ça ne me dérange pas, mon but est de finir ce script et de m'améliorer. ( je compte également développer d'autres types de chargements =) )

**SpaceFrog** · 25/09/2008, 09h11

ce que je ne comprends pas c'est ta méthode de test d'avancement de chargement ...

A mon avis il serait beaucoup plus simple de tester le .complete des images ...

juste un exemple au passage
http://www.sebemex.fr/Extramiante/Catalogue/index.htm

javascript ne sait pas quantifier le flux reçu ...
dans l'exempel je triche en affichant le pourcentage des images chargée, le step en pourcentage est élevé, masi je n'ai a ce jour trouvé aucune autre solution ...

Sur quoi espère tu baser le pourcentage ?

Charger des images, dur dur !

JavaScript

Vue hybride

Discussions similaires

Partager

Partager