ShadowBox

Résolu
Sparrow06 Messages postés 98 Date d'inscription   Statut Membre Dernière intervention   -  
 Art korporation -
Bonjour à tous!

J'essaye désespérément depuis plusieurs jours d'intégrer une shadowBox sur mon site!
J'ai suivi tout les tutos (à la lettre) qu'on peut trouver sur le net mais sans succes.... :-(

Si quelqu'un peut me donner un coup de main ce serai sympa!! Merci!!

Mon site: http://www.orchydea.com

7 réponses

avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Commence par télécharger Shadowbox en cochant les cases des lecteurs que tu souhaites utiliser, puis en sélectionnant la langue dans la liste.

Pour l'intégrer, si tous les fichiers sont dans un dossier nommé "shadowbox/" :
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

Ensuite, ajoute l'attribut "rel" sur tes liens (a) avec comme valeur "shadowbox".

Par exemple :
<a href="grande_image.png" rel="shadowbox">
    <img src="petite_image.png" alt="Miniature" />
</a>
2
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Sur tes liens, dans l'attribut rel, ajoute [nomDeLaGalerie] après "shadowbox"

Par exemple :
<a href="image1.png" rel="shadowbox[galerie1]">
    <img src="petite_image1.png" alt="Miniature 1" />
</a>
<a href="image2.png" rel="shadowbox[galerie1]">
    <img src="petite_image2.png" alt="Miniature 2" />
</a>
Tu peux également utiliser l'attribut title sur la balise <a> pour afficher un titre ou une description.
1
Sparrow06 Messages postés 98 Date d'inscription   Statut Membre Dernière intervention   1
 
ça marche!!! Merci!! Par contre je n'ai pas les boutons "suivant" / "précedent".
0
Sparrow06 Messages postés 98 Date d'inscription   Statut Membre Dernière intervention   1
 
Re!

J'ai inséré le tout comme indiqué!
...En mode prévisualisation (sous dreamweaver) la Shadowbox fonctionne...
...Mais une fois les fichiers transférés sur le serveur, ça ne fonctionne plus... :-s

Ci-joint le lien:

http://www.orchydea.com/Milon.html
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Sparrow06 Messages postés 98 Date d'inscription   Statut Membre Dernière intervention   1
 
Up...
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Tu n'as pas uploadé les fichiers de Shadowbox.
0
Art korporation
 
Est ce que tu as inséré le fichier jquery.js
0