Discussion :

[leclone]

bonjour a tous,

voici un script javascript permettant d'afficher un slideshow :

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
<script type="text/javascript">
			var position = "1";
			var listeGrande = new Array();
				listeGrande[0] = "../images/collections/images/1.jpg";
				listeGrande[1] = "../images/collections/images/2.jpg";
				listeGrande[2] = "../images/collections/images/3.jpg";
			var listePetite = new Array();
				listePetite[0] = "../images/collections/images/mini01.jpg";
				listePetite[1] = "../images/collections/images/mini02.jpg";
				listePetite[2] = "../images/collections/images/mini03.jpg";
 
			//alert(listePetite.length);
 
			function affiche()
			{
				for(var i = 0 ; i < listePetite.length ; i++)
				{
					var ul = document.getElementById('liste_petite')
					var li = document.createElement('li');
					var im = new Image();
					var index = i + 1;
					im.src = listePetite[i];
					li.appendChild(im);
					li.className='liste';
					im.id = 'photo' + index;
					im.setAttribute("onClick","photo(" + index +")");
					/*event.observe(li.id, 'click', photo);*/
					ul.appendChild(li);
 
					/*set.Attribute*/
				}
			}
 
			function photo(image)
			{
				var pict = document.getElementById('big_collection');
				var mini_pict = document.getElementById('photo'+ image);
				pict.src = "../images/collections/images/" + image + ".jpg";
				mini_pict.className = 'selected';
				position = image;
 			}
 
			function nextpict()
			{
				var img = parseInt(position) + 1;
				var pict = document.getElementById('big_collection');
				var mini_pict = document.getElementById('photo' + position);
 
				pict.src = "../images/collections/images/" + img + ".jpg";
				position = img;
				if (position > listePetite.length) position = listePetite.length;
				mini_pict.className = 'selected';
			}
 
			function prevpict()
			{
				var img = parseInt(position) - 1;
				var pict = document.getElementById('big_collection');
				var mini_pict = document.getElementById('photo' + position);
				pict.src = "../images/collections/images/" + img + ".jpg";
				position = img;
				if (position <= 0) position = 1;
				mini_pict.className = 'selected';
			}
		</script>

Pour afficher les images, je tape en dur le nom des images. j'aimerai au lieu de taper le nom des images, j'aimerai qu'il aille rechercher directement dans la base de données les images mais je ne sais pas comment m'y prendre.
Sur le script actuel, l'administration (a savoir rajouter une image ou en supprimer) c'est la galere.

Globalement, je souhaite que le script aille chercher directement les images dans la base.

J'espere que je me suis fais comprendre.

Merci d'avance pour votre aide.

Cordialement

[riete]

Bein, tu fabrique un tableau JS à partir d'une requête php/sql sur ta base, je ne vois pas ou est le problème
Peut être juste un question de syntax ou il ne faut pas se mélanger les crayon entre code JS et code php.
Tu vois ce que je veux dire ??

[leclone]

ben,...

ce serait cool si tu pouvais me filer quelques explications car la je coince vraiment.

merci

[riete]

Code :

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

1
2
3
4
5
6
7
8
9
10
var listeGrande = new Array();
<?php
// ta requete ici
$i = 0;
while ($t = mysql_fetch_object($result)) {
 
	echo "listeGrande[".$i."] = \"../images/collections/images/".$t->nom_image.".jpg\"";
 $i++;
}
?>

[leclone]

bonjour,

Je n'arrive pas du tout a modifier le code pour integrer du php.

Voici le code en entier :

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
<script type="text/javascript">
			var position = "1";
			var listeGrande = new Array();
				listeGrande[0] = "../images/collections/images/1.jpg";
				listeGrande[1] = "../images/collections/images/2.jpg";
				listeGrande[2] = "../images/collections/images/3.jpg";
			var listePetite = new Array();
				listePetite[0] = "../images/collections/images/mini01.jpg";
				listePetite[1] = "../images/collections/images/mini02.jpg";
				listePetite[2] = "../images/collections/images/mini03.jpg";
 
			//alert(listePetite.length);
 
			function affiche()
			{
				for(var i = 0 ; i < listePetite.length ; i++)
				{
					var ul = document.getElementById('liste_petite')
					var li = document.createElement('li');
					var im = new Image();
					var index = i + 1;
					im.src = listePetite[i];
					li.appendChild(im);
					li.className='liste';
					im.id = 'photo' + index;
					im.setAttribute("onClick","photo(" + index +")");
					/*event.observe(li.id, 'click', photo);*/
					ul.appendChild(li);
 
					/*set.Attribute*/
				}
			}
 
			function photo(image)
			{
				var pict = document.getElementById('big_collection');
				var mini_pict = document.getElementById('photo'+ image);
				pict.src = "../images/collections/images/" + image + ".jpg";
				mini_pict.className = 'selected';
				position = image;
 			}
 
			function nextpict()
			{
				var img = parseInt(position) + 1;
				var pict = document.getElementById('big_collection');
				var mini_pict = document.getElementById('photo' + position);
 
				pict.src = "../images/collections/images/" + img + ".jpg";
				position = img;
				if (position > listePetite.length) position = listePetite.length;
				mini_pict.className = 'selected';
			}
 
			function prevpict()
			{
				var img = parseInt(position) - 1;
				var pict = document.getElementById('big_collection');
				var mini_pict = document.getElementById('photo' + position);
				pict.src = "../images/collections/images/" + img + ".jpg";
				position = img;
				if (position <= 0) position = 1;
				mini_pict.className = 'selected';
			}
		</script>

maintenant le nom des images se trouve dans une table et les images sont dans un dossier nommé "img_slide".

Est ce que quelqu'un pourrait-il me filer un coup de main.

merci d'avance

Ciao

[riete]

Je n'arrive pas du tout a modifier le code pour integrer du php.

Eh Oh ! as tu au moins essayé le code que je t'ai donné ?
Si oui, as tu des messages d'erreur ?
Je ne vois pas quel est ton pb