popup jquery apparition en fondu

[thebestxav]

Bonsoir,

J'ai trouvé une popup jquery et j'aimerais l'adapter avec un fondu en ouverture. Il y a un fondu en fermeture, j'ai essayé de l'adapté pour l'ouverture, mais ce n'est pas concluant.
je pense qu'il faut utiliser la fonction .fadeIn(), mais je ne sais pas à quoi l'appliquer dans mon code :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
function sPopup(param){
	$(document).ready(function(){
		// on applique un ID aux elements classe sPopup-content
		// l'ID correspond aux attributs rel des elements classe sPopup
		$(".sPopup").each(function(i){
			var id_popup = '#'+$(this).attr('rel');
			$(id_popup).addClass('sPopup-content');
		});
		// au click...
		$(".sPopup").click(function(){
			// on recupere la position de l'element cliqué (gestion du scroll)
			pos = Math.round($(this).position().top);
			// on recupere l'ID de la popup a ouvrir dans l'attribut rel de l'element clique
			var id_popup = '#'+$(this).attr('rel');
			// on recupere le contenu de la popup
			var contenu = $(id_popup).html();
			// on affiche
			$('body').append('<div id="sPopup-container"><div style="width:'+param.width+'px;" id="sPopup-popup"><div title="'+param.closeTexte+'" id="sPopup-close"></div><div style="clear:both;"></div>'+contenu+'</div></div>');
			$('body').css({ overflow : "hidden" });
			window.scrollTo(0, 0);
			// on gere la fermeture de la popup
			$("#sPopup-close").click(function(){
				$("#sPopup-container").fadeOut(param.fadeSpeed, function(){
					$(this).remove();
					window.scrollTo(0, pos);
					$('body').css({ overflow : "auto" });
				});
			});
		});
	});
}

A quelle variable dois-je appliquer ma fonction ?

Merci de votre aide