Intégration de Lightbox dans un template jahia

Bonjour,
J'aurai besoin d'aide pour intégrer la librairie Lightbox dans un template jahia.
ça permettrait d'avoir une galerie photo plus fun que celle proposéé par Jahia (cf.mediagallery.jsp)

Voici un site jahia trouvé sur le net qui utilise LIGHTBOX

• Exemple Jahia Lightbox

Voici le site qui propose la librairie Lightbox :

• Lightbox

Si vous avez une autre idée de galerie photo, je suis preneur (Template, portlet ou autre)

Merci par avance

DrChal

Hello

qu'est ce qui te pose souci pour réaliser une telle intégration ?
Lightbox vient avec 1 fichier Javascript et un fichier CSS il me semble. Il nécessite les librairies scriptaculous et prototype (a vérifier si elles ne sont pas déjà dans jahia)
Ensuite il suffit d'ajouter un attribut "rel=" dans tes liens autour des images, tu peux facilement créer un set d'images afin d'avoir accès aux boutons "suiv" et "prec"

cf exemple ici
http://www.lokeshdhakar.com/projects/lightbox2/

Bonjour Guillaume,
Mon problème pour intégrer lightbox vient du fait que je parts du template mediagallery.inc.
Il utilise les tag lib suivant pour afficher l'image :

• <jahiaHtml:mediathumb path="<%=webdavfilepath%>" linked="true" width="<%=Integer.parseInt(sizethumb)%>"/>

Lorsque j'ajoute l'attribut rel="lightbox[roadtrip]", Jahia se plantait.

J'ai trouvé comment intégrer lightbox et j'ai également trouvé mon problème sur la duplication des images.
Cela vient bien de ce template (mediagallery.jsp), il fait des miniatures(thumbimage).

Par contre, je passe un message de mécontentement du site jahia (jira). Il n'y a plus rien, j'ai pourtant un compte et j'ai l'impression que leur base de données est vide. Ce n'est vraiment pas professionnel.

Bon, après cette apparté, je vais donner le code source pour intégrer lighbox. ça pourra servir à ceux qui galèrent en ce moment.

Code:


<%@ page import="org.apache.log4j.Logger,
                org.jahia.params.ProcessingContext,
                org.jahia.services.webdav.DAVFileAccess,
                org.jahia.services.webdav.JahiaWebdavBaseService,
                java.util.*"
        %>
<!-- Déclaration des librairies Light Box -->
<script language="javascript" type="text/javascript" src="<content:contextURL/>/javascript/prototype.js"></script>
<script language="javascript" type="text/javascript" src="<content:contextURL/>/javascript/scriptaculous.js?load=effects,builder"></script>
<script language="javascript" type="text/javascript" src="<content:contextURL/>/javascript/lightbox.js"></script>
<!-- Déclaration du CSS de Lightbox -->
<link rel="stylesheet" href="<content:contextURL/>/css/lightbox.css" type="text/css" media="screen" />

<!-- Ajouter le code du template mediagallery concernant  les dossiers
....
-->

<!-- Boucle sur le répertoire sélectionné dans la liste déroulante -->
<jahiaHtml:mediagallery path="<%=webdavpath%>" sorting="date">
          <!-- utilisation de l'attribut rel="" nécessaire à lightbox 
                ex: rel="lightbox[roadtrip]" qui permet de regrouper les images
          -->
          <a href="<%=filepath%>" rel="lightbox[roadtrip]"><%=filename%></a>
</jahiaHtml:mediagallery>


J'espère que ça pourra aider. Il suffit juste de mettre en forme la page pour que le rendu soit plus fun.

merci à guillaume qui m'a aiguillé pour trouver la solution.

DrChal