Bonjour à tous,

Je suis en train de créer un portfolio et j'ai trouvé un script pas mal sur internet pour faire défiler les photos (je ne connais pas du tout le js, j'ai donc cherché à avoir quelque chose de simple et que je puisse comprendre)

-> http://www.leebrimelow.com/flash/canvasphoto/ (ne fonctionne pas sur FF, mais je fixerais ça plus tard)

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
<script>
 
var context;
var x = 0;
var ind;
var offset;
 
var photos = new Array();
for(var i=1; i<15; i++) {
	var im = new Image();
	im.src = "p" + i + ".jpg"; //nom des images à la racine
	photos.push(im);	
}
 
function init() {
	context = document.getElementById('canvas').getContext('2d');	
	setInterval(loop, 1);
}
 
function loop() {
	x += (slider.value - x) * 0.04;
	ind = Math.floor(x/800);
	offset = x % 800;
	context.drawImage(photos[ind], offset, 0, 800-offset, 600, 0, 0, 800-offset, 600);
	context.drawImage(photos[ind+1], 0, 0, 800, 600, 800-offset, 0, 800, 600);
}
 
</script>
J'ai besoin d'utiliser plusieurs fois ce script sur ma page avec des images venant de dossiers différents, or je ne vois pas du tout comment faire ...

J'ai pensé le mettre dans chaque dossier en l'incluant au début du fichier html de cette manière :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<script src="dossier1/script.js></script>
<script src="dossier2/script.js></script>
<script src="dossier3/script.js></script>
Mais sans succès ...

Si quelqu'un a une solution, ça serait cool !