Gallery photos Thickbox 3.1

Invité · 24/09/2009, 19h45

Bonjour,

J'essaye de reproduire la gallery photo proposée sur ce site http://jquery.com/demo/thickbox/,

Je suit bien à la lettre ce qu'ils me disent, mais il n'y a pas de résultat, lors du clic sur la photo il y a la barre de chargement mais apres plus rien.

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<script type="text/javascript" src="thickbox/jquery.js"></script>
	<script type="text/javascript" src="thickbox/thickbox.js"></script>
	<link rel="stylesheet" href="thickbox/thickbox.css" type="text/css" media="screen" />
</head>
 
<body>
 
	<a href="image/plant1.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants">
		<img src="image/plant1_t.jpg" alt="Plant 1" /></a>
 
	<a href="image/plant2.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants">
		<img src="image/plant2_t.jpg" alt="Plant 2" /></a>
 
	<a href="image/plant3.jpg" title="leave blank, or add caption to title attribute" class="thickbox" rel="gallery-plants">
		<img src="image/plant3_t.jpg" alt="Plant 3" /></a>
 
	<a href="image/plant4.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants">
		<img src="image/plant4_t.jpg" alt="Plant 4" /></a>
 
</body>
</html>

Le lien entre les photos est effectué par

Code :

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

rel="gallery-plants"

Mais sa ne fonctionne pas sa reste bloqué a la barre de chargement.

Si j'enleve ce lien, sa n'affiche qu'une photo ce qui est normal, et ce qui veut dire que j'ai bien fait les bonnes inclusion des différents fichiers nécéssaires !

Si quelqu'un a déja eu ce problème ou sais comment le résoudre je suis preneur

Ci joint les fichiers sources et image nécéssaires à la solution : http://jeanjean8501.free.fr/Gallery.rar .

Merci de votre aide

**danielhagnoul** · 25/09/2009, 09h47

Bonjour.

J'ai testé ce plugin ce matin. Il fonctionne pour une image sans problème.

Il ne fonctionne pas pour une galerie.

Le problème est l'attribut rel, si on le supprime cela fonctionne, mais évidemment sans les boutons suivant et précédent d'une galerie.

Je vous conseille de tester un autre plugin, exemple : http://leandrovieira.com/projects/jquery/lightbox/

Invité · 25/09/2009, 10h08

Merci de ta réponse, mais je trouve cela bizarre que dans la démo sur leur site la gallerie fonctionne, alors qu'en suivant scuprulseusement leur instructions ça ne fonctionne pas ! Enfin bref

J'avais déja tenté d'utiliser lightbox, mais à partir de ce site : http://www.huddletogether.com/projects/lightbox2/ et il y avait un conflit jquery.js et prototype.js.

Apparement dans cette version, on n'utilise que ces deux scripts donc sa devrait fonctionner.

Code :

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

1
2
<script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>

Je test cela ce soir et je te tiens au courant !

Edit:

Envoyé par jeanjean8501

Merci de ta réponse, mais je trouve cela bizarre que dans la démo sur leur site la gallerie fonctionne, alors qu'en suivant scuprulseusement leur instructions ça ne fonctionne pas ! Enfin bref

En faite je viens de voir sur le forum de leur site que la gallery marche avec des versions antérieures de jquery.js ainsi que d'ancienne version d'ie et de firefox

Invité · 28/09/2009, 16h14

Le problème avec cette gallerie, c'est qu'on ne peut en créer qu'une gallerie par page.

Si on en créé plusieurs, la gallerie 1 aura les photos de la gallerie 1 et des autres, de même pour toutes les autres !

**danielhagnoul** · 28/09/2009, 22h41

Bonsoir.

Pour moi cela fonctionne très bien avec deux galeries.

Je voulais vous poster un zip de démonstration, mais c'est impossible, car il dépasse la taille maximum autorisée par développez à cause des images.

Gallery photos Thickbox 3.1

jQuery

Vue hybride

Discussions similaires

Partager

Partager