JQuery, une lightbox de plus avec le plugin JQuery SuperBox

SuperBox est un plugin JQuery de plus qui gère l’effet lightbox. Cet effet qui permet de mettre en avant des informations (images ou contenu web simple) tout en ajoutant un calque semi-opaque sur le reste du contenu du site internet.

Ce plugin permet l’affichage d’images, de galeries d’images (avec les boutons « Previous » et « Next »), de pages web complète (le plugin génère une iframe), de contenu HTML simple ou de contenu Ajax. Pour les images, il suffit simplement d’importer le plugin, de l’initialiser et d’ajouter l’attribut ‘rel= »superbox » ‘ au lien qui pointe vers la grande image.

Diverses options sont gérables directement avec le plugin, voici la liste des options telles qu’elles sont définies par défaut :

$.superbox.settings = {
	boxId: "superbox", // Id de l'élément SuperBox
	boxClasses: "", // Class de l'élément SuperBox
	overlayOpacity: .8, // Opacité du calque recouvrant le contenu
	boxWidth: "600", // Largeur par défaut de la box
	boxHeight: "400", // Hauteur par défaut de la box
	loadTxt: "Loading...", // Texte qui s'affiche au chargement
	closeTxt: "Close", // Texte qui s'affiche sur le bouton "fermer"
	prevTxt: "Previous", // Texte qui s'affiche sur le bouton "précédent"
	nextTxt: "Next" // Texte qui s'affiche sur le bouton "suivant"
};

Enfin, pour conclure, je peux dire que j’ai été convaincu par ce plugin qui fait ce qu’il lui a été demandé, sans fioritures, simplement et qui est bien stylisé !

Pas encore de billet sur le même sujet !