floriian02 | Bonjour à tous, en cliquant sur une image, une popup s'affiche au milieu de mon écran, lorsque celle-ci s'affiche, j'ai réussi à mettre un fade-in, (fond plus foncé sur l'écran derrière) et j'aimerai lors du clic sur la croix rouge (de la modal dialog) faire un fade-out pour enlever l'opacité. Je ne sais pas comment m'y prendre. Auriez-vous une idée ? Voici le code du popup :
Code :
- function openPopup(adresse, nomFenetre, largeur, hauteur, scroll) {
- //Permet de centrer la popup au milieu de l'écran
- var largeurEcran = (screen.width - largeur) / 2;
- var hauteurEcran = (screen.height - hauteur) / 2;
- window.open(adresse, nomFenetre, 'height=' + hauteur + ', width=' + largeur + ', top=' + hauteurEcran + ', left=' + largeurEcran + ', scrollbars=' + scroll + ', resizable')
- //Apparition du fond - .css({'filter' : 'alpha(opacity=80)'}) pour corriger les bogues d'anciennes versions de IE
- $('body').append('<div id="fade"></div>');
- $('#fade').css({ 'filter': 'alpha(opacity=80)' }).fadeIn();
- }
|
J'aimerai également, que lorsque je clique sur le body de la fenêtre cad en dehors du popup, celui-ci se ferme. Est-ce possible ? D'avance merci pour vos réponses. |