ShadowBox
Résolu/Fermé
Sparrow06
Messages postés
98
Date d'inscription
dimanche 29 avril 2007
Statut
Membre
Dernière intervention
28 juin 2011
-
9 avril 2010 à 17:39
Art korporation - 18 juil. 2014 à 11:04
Art korporation - 18 juil. 2014 à 11:04
7 réponses
avion-f16
Messages postés
19246
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
21 avril 2024
4 499
9 avril 2010 à 18:06
9 avril 2010 à 18:06
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/" :
Ensuite, ajoute l'attribut "rel" sur tes liens (a) avec comme valeur "shadowbox".
Par exemple :
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>
avion-f16
Messages postés
19246
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
21 avril 2024
4 499
9 avril 2010 à 19:31
9 avril 2010 à 19:31
Sur tes liens, dans l'attribut rel, ajoute [nomDeLaGalerie] après "shadowbox"
Par exemple :
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.
Sparrow06
Messages postés
98
Date d'inscription
dimanche 29 avril 2007
Statut
Membre
Dernière intervention
28 juin 2011
1
9 avril 2010 à 18:33
9 avril 2010 à 18:33
ça marche!!! Merci!! Par contre je n'ai pas les boutons "suivant" / "précedent".
Sparrow06
Messages postés
98
Date d'inscription
dimanche 29 avril 2007
Statut
Membre
Dernière intervention
28 juin 2011
1
13 avril 2010 à 17:18
13 avril 2010 à 17:18
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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Sparrow06
Messages postés
98
Date d'inscription
dimanche 29 avril 2007
Statut
Membre
Dernière intervention
28 juin 2011
1
14 avril 2010 à 11:48
14 avril 2010 à 11:48
Up...
avion-f16
Messages postés
19246
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
21 avril 2024
4 499
17 avril 2010 à 16:11
17 avril 2010 à 16:11
Tu n'as pas uploadé les fichiers de Shadowbox.
