réglage du fadeIn, fadeOut

[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 :

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

Mais dans le fichier jquery, je ne trouve que :

Code :

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 :

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 :

.fadeIn()

et

Code :

.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]

Envoyé par Bovino

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

Code :

.fadeIn()

et

Code :

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

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

Code :

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

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

Code :

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

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

[Bovino]

Envoyé par metis15

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]

Envoyé par Bovino

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

OK donc ici :

Code :

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 :

.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]

Envoyé par Bovino

Code :

.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 :

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

[metis15]

Donc le paquet donne ceci,...

Code :

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))))