Sortie de Avgrund Modal
le plugin jQuery pour vos boîtes modales et popups.

Ce plugin, créé par Dmitri Voronianski, ajoute une impression de profondeur à la page lorsque vous affichez une boîte modale. Le contenu principal fait un zoom arrière (il rétrécit) et se grise. Il fonctionne dans tous les navigateurs récents.

Simple d'utilisation, vous n'avez qu'à appeler ce code :

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
$('element').avgrund();

Il faut également ajouter le CSS :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<link rel="stylesheet" href="path/to/your/avgrund.css">

Toutefois, il vous est possible de préciser une série d'options :

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
$('element').avgrund({			
	width: 380, // max 640px
	height: 280, // max 350px
	showClose: false, // passer à 'true' pour ajouter le bouton de fermeture 
	showCloseText: '', // le texte du bouton de fermeture
	holderClass: '',
	overlayClass: '',
	enableStackAnimation: false,
	template: 'Le contenu...'
});

Cette idée vient du concept de Avgrund créé par Hakim El Hattab.


Démo et présentation.
Télécharger les sources.
D'après un article sur DailyJS. Cet article parle également de jQuery Color 2.1.0.