page HTML -> lightbox

Version imprimable

06/03/2009, 19h40
alec--

page HTML -> lightbox

Bonjour

j'ai conçu un site en HTML, découpé en CSS.

C'est un HTML très basique, rien de complexe.

Je voudrais y ajouter un système de Lightbox, ou Slimbox, ou autre visualiseur d'images de ce genre.

Problème : je suis leur instructions d'installation, et ca ne fais rien du tout : ca affiche juste le " nomImage" et quand on clik dessus, on a pas le script qui se lance, jsute l'image qui s'affiche brutalement, comme si la Lightbox était inactive.

Comment installer une lightbox ? auriez vous un petit guide " pour les nuls " ?

merci
06/03/2009, 21h15
Erwan31

bonsoir,
Es tu sur que les chemins source de tes JS sont bons?
As tu bien suivi toutes les instructions?
Sans une page en ligne difficile de t'en dire plus ;)
07/03/2009, 03h52
alec--

voila ce que j'ai fais exactement :

- dezipage du dossier LB
- je mets a la racines tous les fichiers ( css + js )

- je met en ligne le tout, a la racine du FTP
- j'ouvre mon galerie.html
- entre les balise <head> et </head> je rajoute les 3 lignes, dans le bon ordre
- pour le CSS j'ai essayé 2 trucs :
-> mettre la a fin du CSS déjà actif ( style.css donc )
-> soit de remettre le code proposé dans l'exemple d'installation, qui indique de se referer au lightbox.css

- je copie colle le code pour afficher une image avec la LB ( donc avec l'attribute Lightbox )

- j'enregistre, et je mets le tout en ligne.

Sur la page, on voit la vignette, on voit l'image. Par contre, quand on clic dessus, le script de la LB ne se déclenche pas, et l'image ne fait que s'ouvrir de façon classique, comme si il n'y avait pas de LB.

Ou ai je foiré ?

merci
07/03/2009, 19h13
Erwan31

Verifie que l'appel a Scriptaculous ou prototype se fasse AVANT le js dédié à lighbox.

Sinon

Citation:

Envoyé par Erwan31

Sans une page en ligne difficile de t'en dire plus ;)
07/03/2009, 19h32
Macmillenium

Bonjour,

Et dans ton code HTML tu n'as rien a adapté ? id, rel, class ?
Prototype ne peut pas deviner quel objet déclenche les fonctions en question.