Haha, aujourd'hui on va apprendre à installer la lightbox pour que cette dernière fonctionne correctement, vous pourrez ainsi créer des aperçus comme ceux de
wandering x lemonade
» Pour commencer, téléchargez le script
ici
» Une fois que vous avez téléchargé le script, vous avez plusieurs dossiers, pour facilier l'installation créez un dossier que vous nommez
lightbox à la racine de votre site puis uploadez tous les fichiers du script.
» Une fois que ceci est fait, vous pouvez changer les images dans le dossier
images, ou le css, par contre, ne touchez par au dossier
js
» Pour changer la couleur du texte ici, moi j'ai choisi le rouge :
» Allez dans le fichier
lightbox.css dans le fichier
css puis à la ligne
21 à l'attribut
color, mettez la couleur souhaitée.
» Dans les pages html dans lesquelles vous écrirez votre code, merci d'ajouter entre les balises
head et
/head ce code ci :
<script type="text/javascript" src="lightbox/js/prototype.js"></script>
<script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox/js/lightbox.js"></script>
» Votre script est prêt, maintenant pour l'utiliser, dans votre fichier html, inscrivez ceci :
<a href="url de votre image" rel="lightbox[nom de votre galerie]" title="nom de votre image (qui aparaitra dans la lightbox)"><img src="url de votre miniature"></a>
A savoir si vous souhaitez que les navigateurs puissent utiliser les attribus
suivant et
précédent, mettez vos images dans la même galerie x3
Voilà, si vous avez un problème, contactez moi via mon mail ou etc... x3
posté par Dark. le 22/05/09
