Discussion :

[metis15]

Bonjour,

dans cet article, on trouve le code pour réaliser une fenêtre modale.
http://www.developpez.net/forums/d82...y/#post4730800

Je souhaite modifier la vitesse de fade.

Le seul endroit où ça parle de fadeIn et fadeOut, c'est dans le fichier jquery-1.6.4.min.js mais je ne connais pas grand chose au codage...
Bovino me disait...
Il suffit de lire la doc de .fadeIn() et .fadeOut().
OK
Je vois :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.fadeIn( [duration] [, easing] [, callback] )

Mais dans le fichier jquery, je ne trouve que :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"}

Je ne vois pas du tout comment mettre l'un dans l'autre.

Puis-je espérer une petite aide ? (;o)))

[Bovino]

Mais dans le fichier jquery, je ne trouve que :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"}

On doit pas avoir les mêmes yeux parce que moi, dans le code, je vois plutôt :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.fadeIn()

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.fadeOut(function(){...});

Il te suffit donc de mettre en premier paramètre de ces méthodes la durée souhaitée et ça devrait fonctionner comme tu le souhaites.

[metis15]

On doit pas avoir les mêmes yeux parce que moi, dans le code, je vois plutôt :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.fadeIn()

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.fadeOut(function(){...});

Ah ??
C'est bien dans le code du script : jquery-1.6.4.min.js ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"}

Bon, comme je suis une buse en codage, je mets :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

fadeIn:(duration(slow){opacity:"show"}),fadeOut:(duration(slow){opacity:"hide"})

...directement dans le script jquery-1.6.4.min.js ?

[Bovino]

C'est bien dans le code du script : jquery-1.6.4.min.js ?

Non, tu n'as pas à toucher à ce fichier !

C'est dans le code de l'exemple qu'il faut faire les modifications.

[metis15]

C'est dans le code de l'exemple qu'il faut faire les modifications.

OK donc ici :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
//Fade in the Popup and add close button
		$('#' + popID).fadeIn(1000).css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');

...fadeIn(1000) met bien 1s de temps d'ouverture (c'est pas très joli car l'ouverture se fait plus ou moins par paliers).

Côté fermeture, sur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.fadeOut(function()

J'ai essayé 1000 dans les parenthèses, ça bloque. Dans les accolades... il y a déjà quelque chose, je ne vois pas où mettre une durée...

Si tu peux m'éclairer, grand merci.

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.fadeOut(function(){...});

Il te suffit donc de mettre en premier paramètre de ces méthodes la durée souhaitée et ça devrait fonctionner comme tu le souhaites.

Ce qui donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.fadeOut(1000, function(){...});

[metis15]

Donc le paquet donne ceci,...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
//Close Popups and Fade Layer
	$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
	  	$('#fade , .popup_block').fadeOut(1000, (function() {
			$('#fade, a.close').remove();  
	})); //fade them both out

...en espérant que j'ai mis les parenthèses au bon endroit. Je pense que oui puisque ça marche.
Seul problème, ça ouvre et ça ferme pas de façon très linéaire. Ca fait des petites étapes. Mais bon, ça doit dépendre de la charge du processeur ou un truc dans le genre ?

Merci en tout cas. J'attends ta réponse pour inscrire Résolu ! (;o))))