Home Page / extensions / Plugins et autres / Lytebox

Présentation

Lytebox (http://www.dolem.com/lytebox/) est inspiré du script Lightbox créé par Lokesh Dhakar (http://www.huddletogether.com).

L'idée principale était d'être dépendant des librairies telles prototype.js, effects.js, ou scriptaculous.js.
Depuis la version originelle de Lightbox (réalisée en partie grâce aux iframes), nombre de modifications ont été appliquées.
Lytebox permet les diaporamas (slideshow), l'insertion de code html et nombre d'options dont la configuration du thème graphique.

Installation

Téléchargez le fichier lytebox.zip

Décompressez le fichier, puis transférez le dossier complet lytebox dans le dossier "frog09x\frog\plugins".

Rendez-vous dans l'interface d'administration de Frog, choisissez l'onglet "Administration", activez le plugin "lytebox".

Il vous reste à insérer le code <?php lytebox(); ?> entre les balises <head> et </head> de votre gabarit.

Utilisation

Reportez-vous dans l'espace démo pour avoir un aperçu du code à insérer.

Télécharger

fichier lytebox (527 fois)

Overview

Lytebox (http://www.dolem.com/lytebox/) was written from the Lightbox class that Lokesh Dhakar (http://www.huddletogether.com).

The purpose was to write a self-contained object that eliminated the dependency of prototype.js, effects.js, and scriptaculous.js. Since the original version of Lytebox (which released with iFrame support), major modifications have been made to improve performance as well as "Slideshow" support, "Themes" support, HTML content support (as opposed to just images) and many more configurable options that allow you to customize the look and feel of Lytebox.

Installation

Download the lytebox.zip file

Extract it and copy it to the plugins directory "frog09x\frog\plugins".

Login to the administration panel of your Frog install.

Navigate to Administration panel.

Click on the check box in front of Lytebox.

Insert the code <?php lytebox(); ?> between <head> and </head> of your layout.

Utilisation

Look at the demo page to see the custom code.

Download

file lytebox (527 fois)

Creative Commons License This work is licensed under a Creative Commons Attribution 3.0 License
Ce script est réalisé sous Licence créative commune .
Copyright 2003-2007, Markus F. Hay
Lytebox 3.2

Crédits photos : Photos Libres

Une image

Agrandir

<a href="<?php echo URL_PUBLIC; ?>/public/images/1.jpg"  rel="lytebox" title="C'est joli la neige"><img src="<?php echo  URL_PUBLIC; ?>/public/images/thumbs/1.jpg" width="120" height="90"  alt="Agrandir" /></a>

Images groupées

Agrandir Agrandir Agrandir

<a href="<?php echo URL_PUBLIC; ?>/public/images/11.jpg"  rel="lytebox[nature]" title="Entre chien et loup"><img  src="<?php echo URL_PUBLIC; ?>/public/images/thumbs/11.jpg"  width="120" height="81" alt="Agrandir" /></a>
<a href="<?php echo URL_PUBLIC; ?>/public/images/13.jpg"  rel="lytebox[nature]"><img src="<?php echo URL_PUBLIC;  ?>/public/images/thumbs/13.jpg" width="120" height="160"  alt="Agrandir" /></a>
<a href="<?php echo URL_PUBLIC; ?>/public/images/19.jpg"  rel="lytebox[nature]" title="La rosée faisait des perles... Félicie  aussi !"><img src="<?php echo URL_PUBLIC;  ?>/public/images/thumbs/19.jpg" width="120" height="90"  alt="Agrandir" /></a>

Un diaporama

Agrandir Agrandir Agrandir

<a href="<?php echo URL_PUBLIC; ?>/public/images/19.jpg"  rel="lyteshow[nature]" title="&lt;a  href=&quot;http://www.photo-libre.fr&quot;&gt;Photos  Libres&lt;/a&gt;"><img src="<?php echo URL_PUBLIC;  ?>/public/images/thumbs/19.jpg" width="120" height="90"  alt="Agrandir" /></a>
<a href="<?php echo URL_PUBLIC; ?>/public/images/25.jpg"  rel="lyteshow[nature]"><img src="<?php echo URL_PUBLIC;  ?>/public/images/thumbs/25.jpg" width="120" height="181"  alt="Agrandir" /></a>
<a href="<?php echo URL_PUBLIC; ?>/public/images/30.jpg"  rel="lyteshow[nature]" title="&lt;a  href=&quot;http://www.photo-libre.fr&quot;&gt;Photos  Libres&lt;/a&gt;"><img src="<?php echo URL_PUBLIC;  ?>/public/images/thumbs/30.jpg" width="120" height="122"  alt="Agrandir" /></a>

Un site web

Google France

<a href="http://www.google.fr" rel="lyteframe"  title="Rechercher avec Google" rev="width: 640px; height: 480px;  scrolling: no;">Google France</a>

Plusieurs pages web

3aikido.org ou rouen.aikido.fr

<a href="http://3aikido.org" rel="lyteframe[catalog]"  title="3aKH" rev="width: 640px; height: 480px; scrolling:  no;">3aikido.org</a> 
ou
<a href="http://rouen.aikido.fr" rel="lyteframe[catalog]"  title="Made by Frog" rev="width: 640px; height: 480px; scrolling:  no;">rouen.aikido.fr</a>

Commentaires

Ecrire un commentaire