Sortie de Avgrund Modal :
Le plugin jQuery pour vos boîtes modales et popups
Le 2012-08-29 11:13:06, par vermine, Expert éminent sénior
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 :
Il faut également ajouter le CSS :
Toutefois, il vous est possible de préciser une série d'options :
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.
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 : |
$('element').avgrund();
Il faut également ajouter le CSS :
Code html : |
<link rel="stylesheet" href="path/to/your/avgrund.css">
Toutefois, il vous est possible de préciser une série d'options :
Code javascript : |
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.
-
dkmixMembre éprouvétrès sympa l'effetle 29/08/2012 à 11:26
-
transgohanExpert éminentA noter qu'il est tout à fait compatible sur d'anciennes versions de navigateurs.
Testé à l'instant sous FF 3.6 et il fonctionne.
C'est juste qu'on a pas la transition (pas d'effet) et qu'on a directement l'application du zoom.le 29/08/2012 à 13:18 -
Jérôme LambertRédacteurJe viens d'esssayer sous IE10 en mode IE8 et IE7 et ça ne fonctionne pas. Sous IE10 en mode IE9, il n'y a pas l'effet au niveau du zoom et l'arrière plan n'est pas flooté. C'est dommage.le 29/08/2012 à 14:08
-
alex_vinoMembre émériteOui pas d'effet sous IE9, et pas tres longue a charger.
Sinon effet plutot sympa en effet
Par contre la compatibilité est un minimum, donc plugin non-utilisable tant qu'ils ne fixent pas cela.le 30/08/2012 à 21:54 -
skybuckMembre à l'essaiinterressant c'est ce que je cherche
mais est il possible de le modifier pour que cela s'ouvre automatiquement, par xemple sur la page d'accueil d'un site, sans avoir a cliquer sur un bouton
... et si oui quelqu'un pourrait il me montrer car je n'arrive pas a le fairele 07/09/2012 à 18:19