[AJAX] Modification Thickbox slideshow
Bonjour,
Je suis entrain de customiser le plugin thickbox et j'aimerais y ajouter la possiblité de faire un slideshow (une lecture en boucle des images) mais surtout la possibilité de pouvoir cliquer sur <Prev même lorsque l'on se trouve sur la première image de la gallery. De même lorsque l'on est sur la dernière image, on peut cliquer sur Next > et hop on se retrouve au début.
Merci d'avance.
(j'ai pas mal cherché et j'ai idenfier la zone où l'on cherche les images, mais je ne vois pas comment la modifier en conséquence :
Code:
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
|
// loop through the anchors, looking for ourself, saving information about previous and next image
for (var i = 0; i < imageGroup.length; i++)
{
var image = imageGroup[i];
var urlTypeTemp = image.href.match(imageURL);
// look for ourself
if ( image.href == url )
{
foundSelf = true;
imageCount = (i + 1) + "/"+ (imageGroup.length);
}
else
{
// when we found ourself, the current is the next image
if ( foundSelf )
{
next = getInfo(image, "next", "Next >");
// stop searching
break;
}
else
{
// didn't find ourself yet, so this may be the one before ourself
prev = getInfo(image, "prev", "< Prev");
}
}
}
} |
Je pense que ça se joue là-dedans, mais incertitude me prend...
Site de thickbox : http://jquery.com/demo/thickbox/
Et je bosse sur un éditeur nommé indexhibit : http://www.indexhibit.org/ qui inclus une version de thickbox.
Merci d'avance
C'était bien là où je pensais :)
Donc en fait il fallait bien modifier ces lignes et ça donne :
Code:
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
| // loop through the anchors, looking for ourself, saving information about previous and next image
for (var i = 0; i < imageGroup.length; i++) {
var image = imageGroup[i];
var nbimage = imageGroup.length;
var urlTypeTemp = image.href.match(imageURL);
// look for ourself
if ( image.href == url )
{
foundSelf = true;
imageCount = (i + 1) + "/"+ (imageGroup.length);
}
else
{
// when we found ourself, the current is the next image
if ( foundSelf )
{
//if(i!=nbimage)
next = getInfo(image, "next", "Next >");
// stop searching
if(i==1)
{
prev=getInfo(imageGroup[nbimage-1], "prev", "< Prev");}
break;
}
else
{
// didn't find ourself yet, so this may be the one before ourself
prev = getInfo(image, "prev", "< Prev");
next = getInfo(imageGroup[0], "next", "Next >");
}
}
} |
Par contre, je ne comprends pas trop pourquoi cette partie fonctionne:
Code:
1
2
3
4
5
| else
{
// didn't find ourself yet, so this may be the one before ourself
prev = getInfo(image, "prev", "< Prev");
next = getInfo(imageGroup[0], "next", "Next >"); |
Je l'ai écris pour faire un test et voir si tout s'afficher bien là où je le pensais et j'avais codé l'affichage du next en fonction de la valeur de i comme pour le prev mais ça ne fonctionne pas.
Donc j'aimerais bien avoir l'avis d'un expert !
Merci encore
