Comment accélérer le défilement continu ?

**epona1** · 21/07/2011, 12h31

Bonjour

J'espère avoir posté au bon endroit.

Je voudrais accélérer le défilement de mon diaporama. J'ai essayé de modifier le chiffre indiqué après "speed" dans le code. Les choses se sont un peu arrangées mais je voudrais que cela aille beaucoup plus vite (2 fois au moins). Pourriez-vous me dire ce que je dois corriger ?

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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
 
<html>
 
<head>
<title>Scroller</title>
<Script>
var pic = new Array()
 
function banner(name, width){
	this.name = name
	this.width = width
   }
 
pic[0] = .......pic[38] = new banner(...)
 
 
var speed = 4
 
var kk = pic.length
var ii
var hhh
var nnn
var myInterval
var myPause
var mode = 0
 
 
var imgArray = new Array(kk)
var myLeft = new Array(kk)
 
for (ii=0;ii<kk;ii++){
imgArray[ii] = new Image()
imgArray[ii].src = pic[ii].name
imgArray[ii].width = pic[ii].width
 
	hhh=0 
	for (nnn=0;nnn<ii;nnn++){
		hhh=hhh+pic[nnn].width
	}
	myLeft[ii] = hhh
}
 
function ready(){
	for (ii=0;ii<kk;ii++){ 
		if (document.images[ii].complete == false){
			return false	
			break
		}
	}
return true
}
 
 
function startScrolling(){
	if (ready() == true){		
		window.clearInterval(myPause)
		myInterval = setInterval("autoScroll()",speed)	
	}
}	
 
 
function autoScroll(){
	for (ii=0;ii<kk;ii++){
		myLeft[ii] = myLeft[ii] - 1
 
	if (myLeft[ii] == -(pic[ii].width)){
		hhh = 0
		for (nnn=0;nnn<kk;nnn++){
			if (nnn!=ii){
				hhh = hhh + pic[nnn].width
			}			
		}
		myLeft[ii] =  hhh
	}
 
 
		document.images[ii].style.left = myLeft[ii]
	}
	mode = 1
}
 
function stop(){
	if (mode == 1){
		window.clearInterval(myInterval)
	}
	if (mode == 0){
		window.clearInterval(myPause)
	}	
}
 
function go(){
	if (mode == 1){
		myInterval = setInterval("autoScroll()",speed)
	}
	if (mode == 0){
		myPause = setInterval("startScrolling()",4)
	}	
}
 
myPause = setInterval("startScrolling()",4)
</Script>
 
<body bgcolor='#FFFFFF'>
<Script>
for (ii=0;ii<kk;ii++){
document.write('<a href = ' + pic[ii].link + ' target="_blank" ><img space=0 hspace=0 vspace=0 border=0 height=55 style=position:absolute;top:0;left:' + myLeft[ii]  + '; src=' + pic[ii].name + ' onMouseOver=stop() onMouseOut=go()></a>')
}
</Script>
</body>
 
</html>

**RomainVALERI** · 21/07/2011, 15h22

Envoyé par epona1

J'ai essayé de modifier le chiffre indiqué après "speed" dans le code. Les choses se sont un peu arrangées mais je voudrais que cela aille beaucoup plus vite (2 fois au moins). Pourriez-vous me dire ce que je dois corriger ?

La valeur initiale était de 8 et tu l'as passée à 4 ? Ou bien tu ne l'as pas encore modifiée dans l'extrait présent

C'est une valeur en milli-secondes qui représente le "pas" de l'automatisation : plus elle sera faible, plus ça ira vite ^^

**epona1** · 21/07/2011, 15h34

Au départ, elle était de 50. J'ai tâtonné et baissé jusquà 2, même. Mais à partir de 20 (à peu près), je n'ai plus contaté aucune accélération. Je me dis qu'il doit y avoir un autre truc à corriger quelque part, non ?

**RomainVALERI** · 21/07/2011, 16h14

Il y a aussi une variable mode : quelle est sa valeur à l'exécution ?

(Faut avouer qu'avec un code un peu plus lisible...

bref ^^)

**epona1** · 21/07/2011, 16h23

Variable "mode" ? Je ne vois pas ce que c'est. J'ai aussi regardé sur la page qui contient le scroller, rien vu.

Code plus lisible ? Que veux-tu dire ? Je ne comprends pas comment améliorer.

Invité · 21/07/2011, 16h46

et en modifiant le chiffre 1 dans la fonction autoscroll en mettant un chiffre plus grand

Code :

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

myLeft[ii] = myLeft[ii] - 1

**RomainVALERI** · 21/07/2011, 16h49

Envoyé par epona1

Code plus lisible ? Que veux-tu dire ? Je ne comprends pas comment améliorer.

Voir mes premières remarques lors de ce post. ^^ Et il restait pas mal à en dire mais c'est du boulot et j'espérais que d'autres se joignent au chantier

(sans offense, hein, chantier façon de parler ^^')

Envoyé par epona1

Variable "mode" ? Je ne vois pas ce que c'est. J'ai aussi regardé sur la page qui contient le scroller, rien vu.

Ici :

Code :

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

1
2
3
4
5
6
7
8
function go(){
	if (mode == 1){
		myInterval = setInterval("autoScroll()",speed)
	}
	if (mode == 0){
		myPause = setInterval("startScrolling()",4)
	}	
}

Quand (mode == 1) ce n'est pas la valeur de la variable speed qui est utilisée mais le littéral 4.

**Bovino** · 21/07/2011, 21h12

Envoyé par epona1

Au départ, elle était de 50. J'ai tâtonné et baissé jusquà 2, même. Mais à partir de 20 (à peu près), je n'ai plus contaté aucune accélération. Je me dis qu'il doit y avoir un autre truc à corriger quelque part, non ?

Il faut savoir qu'en dessous de 20ms (environ, c'est fonction des navigateurs), les timers ne peuvent pas être considérés comme fiables (ben oui, il faut aussi laisser le temps à JavaScript d'effectuer ses traitements...)
D'autre part, l'oeil humain ne peut détecter que 24 ou 25 images par secondes, c'est-à-dire une image toutes les 40ms, donc mettre une valeur inférieure n'a pas beaucoup de sens

Comment accélérer le défilement continu ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager