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
| <script type="text/javascript">
var position = "1";
var listeGrande = new Array();
<?php
// Connection a la base de données
...
//requete
$result = mysql_query("SELECT nom_image FROM slideshow") ;
$i = 0;
while ($t = mysql_fetch_object($result)) {
echo "listeGrande[".$i."] = \"../images/collections/images/".$t->nom_image.".jpg\"";
$i++;
}
?>
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> |
