FadeIn FadeOut sur un contenu chargé via .load()

Par Kaporal, il y a 10 ans

Javascript

Mon script fonctionne correctement mais celui ci ne fais pas entièrement ce que je veux, je voudrais fadeIn / fadeOut le contenu chargé

Quand je rajoute le fadIn le script ne fonctionne plus.
En gros je veux que la page qui ce gref viennent ne fadIn

$(document).ready(function() { $('#contenu').load('content/index.php'); // au clic sur un lien du menu $('ul#nav li a').click(function() { var page = $(this).attr('href'); $('#contenu').load('content/' + page + '.php').fadeIn(); return false; }); });

6 réponses

Grafikart, il y a 10 ans
$(document).ready(function() { var $contenu = $('#contenu'); $contenu.load('content/index.php'); // au clic sur un lien du menu $('ul#nav li a').click(function(e) { e.preventDefault(); var page = $(this).attr('href'); $contenu.fadeOut() $contenu.load('content/' + page + '.php', function(){ $contenu.stop().fadeIn(); }); return false; }); });
Kaporal, il y a 10 ans

Merci de ta réponse Grafikart mais j'avais déjà essayé les fadIn et fadOut ne sont pas pris en compte lors du changement de contenu

Kaporal, il y a 10 ans

La même chose qu'avec mon code, pas de fadIn ni de fadOut

betaWeb, il y a 10 ans

Je pense qu'il va falloir un peu chercher par toi-même sur ce coup là.

Kaporal, il y a 10 ans

Pour le coup ... je crois bien

Grafikart, il y a 10 ans

Quand tu copie colle mon code il se passe quoi ?