Utiliser Lightbox 2.5 avec FluxBB 1.4.8

numa001 · 14-04-2012 15:47:52

Comme l'ancien mod n'est pas à jour, je vous livre ici la méthode que j'ai utilisée pour utiliser Lightbox 2.5 avec FluBB 1.4.8 :

Tout d'abord, vous devez télécharger Lightbox 2.5 ici
Ensuite, décompressez l'archive et ouvrez le fichier lightbox.js qui se trouve dans lé répertoire "JS".
Cherchez le code :

function LightboxOptions() {
      this.fileLoadingImage = 'images/loading.gif';
      this.fileCloseImage = 'images/close.png';

Remplacez le par :

function LightboxOptions() {
      this.fileLoadingImage = 'lightbox/images/loading.gif';
      this.fileCloseImage = 'lightbox/images/close.png';

Ensuite sauvegardez le fichier et uploadez l'ensemble dans un répertoire lightbox que vous aurez crée au préalable à la racine de votre site.

Ouvrez le fichier "Header.php" de votre site et après la ligne

<title><?php echo generate_page_title($page_title, $p) ?></title>

Ajoutez :

<script src="lightbox/js/jquery-1.7.2.min.js"></script>
<script src="lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />

Sauvegardez et uploadez votre fichier.

Une fois ceci fait, installez le mod Custom BBCode

Rendez-vous ensuite dans votre espace administration ; dans le menu des plugins cliquez sur custom bbcode : vous verrez alors 3 cases à remplir.

Dans la première case vous tapez 'imgz' ; dans la deuxième vous saisissez '1' ; dans la dernière case, vous collez le code suivant :

<a href="$1" rel="lightbox" title="Cliquez pour agrandir"><img src="$1" width="400" alt="Cliquez pour fermer" /></a>

Vous pouvez changer le width="400" par le nombre que vous souhaitez.

Cliquez sur "Sauvegarder" : c'est fini !

Il vous suffit maintenant de mettre votre image en les balises [imgz] et [/imgz].

Have fun smile

bernel31 · 30-04-2012 09:56:54

Bonjour numa001,

Pourrait-on avoir l'adresse d'un forum utilisant cette lightbox ?

Merci par avance smile

a-snowboard · 30-04-2012 10:00:16

j'ai lu je ne sais plus dans quel topic une astuce pour ne pas utiliser imgz mais img directement.
reste a retrouver ou (apres mes examens hmm )

sinon merci pour l'adaptation. smile

numa001 · 30-04-2012 12:09:02

Pour voir LightBox en action tu peux regarder ici : http://dvbviewer.free.fr/forums/viewtopic.php?id=14

a-snowboard · 23-09-2012 22:03:20

Pour répondre à moi même, c'est ici, mais faut adapter.
http://fluxbb.fr/forums/viewtopic.php?pid=44423#p44423

Par contre je me pose une question, et si on supprime juste la balise img du tableau de bord d'écriture ?

FluxBB.fr

#1 14-04-2012 15:47:52

Utiliser Lightbox 2.5 avec FluxBB 1.4.8

#2 30-04-2012 09:56:54

Re : Utiliser Lightbox 2.5 avec FluxBB 1.4.8

#3 30-04-2012 10:00:16

Re : Utiliser Lightbox 2.5 avec FluxBB 1.4.8

#4 30-04-2012 12:09:02

Re : Utiliser Lightbox 2.5 avec FluxBB 1.4.8

#5 23-09-2012 22:03:20

Re : Utiliser Lightbox 2.5 avec FluxBB 1.4.8

Pied de page des forums