| Re: LightBox et Xoops |
Titre du sujet : Re: LightBox et Xoops
par Kris sur 27/12/2006 02:43:39
Pour ceux qui voudrait utiliser lightbox dans leur thème, il suffit de mettre le dossier "jseffects" du gabarit Morphogenesis 1.10 "lightbox" à la racine du site, et de mettre dans la partie "head" de son fichier theme.html les lignes suivantes juste après "xoops_header" :
<!-- Scripts -->
<script type="text/javascript" src="<{$xoops_url}>/jseffects/prototype.js"></script>
<script type="text/javascript" src="<{$xoops_url}>/jseffects/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="<{$xoops_url}>/jseffects/lightbox.js"></script>
<!-- Css des scripts -->
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_url}>/jseffects/lightbox.css" />
Ensuite, en mode HTML, il faut faire des liens de ce type :
<a href="lienversvotreimagegrandformat" rel="lightbox[roadtrip]" title=""><img src="lienversvotreimagepetitformat" alt="" /></a>
En cas d'utilisation du hook du module extgallery 1.x, vous pouvez retirer les lignes :
<link rel="stylesheet" href="<{$xoops_url}>/include/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="<{$xoops_url}>/include/prototype.js"></script>
<script type="text/javascript" src="<{$xoops_url}>/include/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="<{$xoops_url}>/include/lightbox.php?dirname=<{$xoops_dirname}>"></script>
du fichier theme.html
et effacer les fichiers lightbox.css, lightbox.php, prototype.js, scriptaculous.js et effects.js du dossier "include", et les images blank.gif, closelabel.gif, loading.gif, nextlabel.gif, prevlabel.gif du dossier "images". L'utilisation des tags "gallery" s'utiliseront de la même façon.
|
|
