Facebox – Plugin jQuery – Des lightbox style Facebook

10 juin 2011
Par

Aujourd’hui, nous allons découvrir Facebox, un plugin pour le framework javascript jQuery. Facebox est un plugin simple qui va vous permettre de réaliser de réaliser vos lightbox dans un style très Facebook :)

facebox-plugin-jquery-lightbox

Pour cela voici un exemple très simple d’utilisation :

le code javascript :

$('a[rel*=facebox]').facebox()

Et le code html :

<a href="images/monimage.jpg" rel="facebox">texte</a>

l’appel des librairies reste classique :

<script src="jquery.js" type="text/javascript"></script>
<link href="/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="/facebox/facebox.js" type="text/javascript"></script>

Quand vous cliquerez sur le lien texte, l’image monimage.jpg s’affichera dans une lightbox au style facebook.

Il est aussi possible d’afficher dans la lightbox une div, une page en ajax, de modifier le style etc…

Retrouver le plugin jQuery Facebox ici : http://defunkt.io/facebox/

Articles qui peuvent vous intéresser :

Tags: , , , , , , , , ,

3 Responses to Facebox – Plugin jQuery – Des lightbox style Facebook

  1. [...] Facebox – Plugin jQuery – Des lightbox style Facebook [...]

  2. [...] Facebox – Plugin jQuery – Des lightbox style Facebook [...]

  3. [...] Facebox – Plugin jQuery – Des lightbox style Facebook [...]

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*


*

Rubriques