Discussion :

[SpongeBob]

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 :

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
 
// 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

[SpongeBob]

Donc en fait il fallait bien modifier ces lignes et ça donne :

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
// 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 :

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

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

[SpongeBob]

Bon j'ai tester avec différents nombres d'images et des cas particuliers.
Ça semble fonctionner.
Donc on dira que c'est résolu.
Merci