Comment pouvez-vous utiliser jQuery pour faire apparaître des éléments remplacés par sIFR?

Question

C'est ce que j'ai actuellement:

// #content is visibility=hidden 
sIFR.replace(mix_bold, { 
    selector: '#content p', 
    onReplacement: function(fi) { 
    $('#content').fadeIn("slow"); 
    } 
}); 

Le fondu en arrive, mais pour une fraction de seconde le film flash remplacé apparaît avant d'être caché. Est-ce que quelqu'un a eu ça pour travailler? J'utilise jQuery 1.2.6 et sIFR 3 r436. Testé dans Safari 4 et FF 3.

Merci!

Answer 1

Il peut être utile si vous faites le film Flash transparent, mais en général, Je ne pense pas que cela fonctionnera. Difficulté de Flash et HTML/CSS.

Answer 2

Je sais que cela ne répond pas à votre question à propos de sIFR, mais je viens de tester la fadein en utilisant une autre technique de remplacement de police appelée Cufon. Tout fonctionne très bien ici, en plaçant l'affichage à aucun dans le CSS sur l'élément (pas idéal, juste pour le test), puis faire fondre jQuery.

Cufon est "Remplacement de texte rapide avec toile et VML - pas de Flash ou d'images requises "

Cufon Font Generator

espoir qui aide, je me suis arrêté à l'aide sIFR pour le remplacement de la police après avoir découvert cet outil, a encore quelques questions à repasser à la recherche, mais vraiment bon.

Plus d'infos ici http: //wiki.github.com/sorccu/cufon (désolé, nouvel utilisateur ne peut donc poster 1 lien)

Answer 3

Essayez de faire

#content { 
style=display:none 
} 

au lieu de visibility=hidden

Answer 4

Si vous avez une liste d'éléments comme qui sont SIFR remplacé ceci:

<ul class="slogan-list"> 
<li>...</li> 
</ul> 

Le JQuery serait quelque chose comme ceci:

var jQu = jQuery.noConflict(); 

jQu('ul.slogan-list').each(function(){ 
     var _hold = jQu(this); 
     var _list = _hold.children(); 
     var _t, _f = true; 
     var _a = (_list.index(_list.filter('.active:eq(0)') != -1))?(_list.index(_list.filter('.active:eq(0)'))):(0); 
     _list.removeClass('active').css('opacity', 0).eq(_a).addClass('active').css('opacity', 1); 
     if(_f && stay_time){ 
      _t = setTimeout(function(){ 
       if(_a < _list.length - 1) changeEl(_a + 1); 
       else changeEl(0); 
      }, stay_time); 
     } 
     function changeEl(_ind){ 
      if(_t) clearTimeout(_t); 
      if(_ind != _a){ 
       _hold.stop().height(_hold.height()); 
       if(jQu.browser.opera){ 
        _list.eq(_a).removeClass('active').css('opacity', 0); 
        _list.eq(_ind).addClass('active').css('opacity', 1); 
       } 
       else{ 
        _list.eq(_a).removeClass('active').animate({opacity: 0}, {queue:false, duration: change_speed}); 
        _list.eq(_ind).addClass('active').animate({opacity: 1}, {queue:false, duration: change_speed}); 
       } 
       _hold.animate({height: _list.eq(_ind).outerHeight()}, change_speed/2, function(){ jQu(this).height('auto');}); 
       _a = _ind; 
      } 
      if(_f && stay_time){ 
       _t = setTimeout(function(){ 
        if(_a < _list.length - 1) changeEl(_a + 1); 
        else changeEl(0); 
       }, stay_time+change_speed); 
      } 
     } 
    });