[Astuce] Assombrir le fond d’écran avec le script de lightbox « Facebox »


Si vous visitez ce blog en passant par le site, vous avez surement du vous rendre compte que j’utilise une solution de lightbox pour mettre en avant les images.

Celle-ci consiste a afficher un cadre autour des images lorsque l’on clique sur celles-ci. J’ai opté pour le script Facebox qui recrée des cadres à la façon de Facebook.

facebook_ligthbox

Le seul petit reproche que je faisais à ce script, c’est qu’il n’assombrissait pas le fond d’écran, même très peu.

En fait il suffit d’ajouter quelques lignes de configuration au script pour réaliser cette opération :

<script language="Javascript">

$(document).ready(function() {
    $.facebox.settings.opacity = 0.2
});

</script>

Plus la valeur opacity est grande et proche de 1.0, plus le fond est sombre.

Cette astuce fonctionne avec un grand nombre de navigateurs courants comme Internet Explorer (6,7,8), Firefox (3.0, 3.5, pas testé sur 2.0), Chrome (3 et 4) et Safari (4).

telechargerEn savoir plus sur FaceBox

telechargerTélécharger FaceBox