Partage
  • Partager sur Facebook
  • Partager sur Twitter

empiétement fadein fadeout sur un même élément

Sujet résolu
    29 novembre 2011 à 6:49:37

    Bonjour,
    j'ai un soucis avec un fade in qui "empiète" sur un fade out. Sous Moz, pas de problème, c'est sous ie que ça coince.

    Comment faire pour que le fade out soit bien executé avant le fadein? Merci pour vos réponses!

    <script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function($) 
    {
        $("#blog").click(function() 
    { 
          $('#periph').fadeOut(1600).delay(1600).load('/wordpress/?page_id=127 #page').fadeIn(2300); 
        });
    });
    </script>
    
    • Partager sur Facebook
    • Partager sur Twitter
      29 novembre 2011 à 8:07:13

      En utilisant les callbacks plutôt que le chaînage ?

      jQuery.noConflict();
      jQuery(document).ready(function($) {
          $("#blog").click(function() { 
      		var $periph = $('#periph');
      		$periph.fadeOut(1600, function() {
      			$periph.load('/wordpress/?page_id=127 #page', function() {
      				$periph.fadeIn(2300);
      			}); 
      		});
          });
      });
      
      • Partager sur Facebook
      • Partager sur Twitter
        29 novembre 2011 à 9:18:29

        jQuery(document).ready(function($) {
            $("#blog").click(function() { 
        		var $periph = $('#periph');
        		$periph.fadeIn(1600, function() {
                                $periph.fadeOut(2300).load('/wordpress/?page_id=127 #page');
        		});
            });
        });
        
        • Partager sur Facebook
        • Partager sur Twitter
        Never Trust User Input This is the truth

        empiétement fadein fadeout sur un même élément

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur
        • Markdown