sIFR con jQuery, no me toma el texto html

cristian_cena · #1 (**permalink**) 27/02/2010, 23:13

Hola, resulta que hago todos los pasos que se indica en el tutorial de diseñorama pero el resultado es raro, me toma los swf pero no el texto. Pueden verlo aquí
http://www.inicio2770.com.ar/sIFR/sIFR-jQuery.htm
Desde ya les agradezco si lo miran, a lo mejor se me pasó algo por alto y no me doy cuenta.

Aquí el código html

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>sIFR con jQuery</title>
        <link href="styles.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="jquery.min.js"></script>
        <script type="text/javascript" src="jquery.flash.min.js"></script>
        <script type="text/javascript" src="jquery.sifr.min.js"></script>
        
    </head>
    <body>
        <div id="contenedor">
          <h1>Probando Sifr con Jquery</h1>
          <p>In reprehenderit in voluptate duis aute irure dolor velit esse cillum dolore. Quis nostrud exercitation sunt in culpa eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, ut labore et dolore magna aliqua. Qui officia deserunt ut aliquip ex ea commodo consequat. In reprehenderit in voluptate consectetur adipisicing elit, ut enim ad minim veniam.</p>
        
          <p>Eu fugiat nulla pariatur. Quis nostrud exercitation excepteur sint occaecat velit esse cillum dolore. Quis nostrud exercitation consectetur adipisicing elit, cupidatat non proident.</p>
          <h2>Un subtítulo</h2>
          <p>Quis nostrud exercitation velit esse cillum dolore sed do eiusmod tempor incididunt. Ut labore et dolore magna aliqua. Ullamco laboris nisi ut aliquip ex ea commodo consequat. Mollit anim id est laborum. Quis nostrud exercitation cupidatat non proident, qui officia deserunt.</p>
          <p>In reprehenderit in voluptate ut labore et dolore magna aliqua. Sunt in culpa ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, excepteur sint occaecat sed do eiusmod tempor incididunt. In reprehenderit in voluptate sed do eiusmod tempor incididunt consectetur adipisicing elit. Lorem ipsum dolor sit amet, eu fugiat nulla pariatur.</p>
          <h3>Otro subtítulo</h3>
          <p>In reprehenderit in voluptate consectetur adipisicing elit, ullamco laboris nisi. Eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt in reprehenderit in voluptate. Sunt in culpa mollit anim id est laborum. Cupidatat non proident, lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt.</p>
        
          <p>Consectetur adipisicing elit, ut enim ad minim veniam, mollit anim id est laborum. In reprehenderit in voluptate excepteur sint occaecat. Consectetur adipisicing elit, ut enim ad minim veniam, lorem ipsum dolor sit amet.</p>
          <p>Este archivo es parte del tutorial <a href="http.//www.disenorama.com/tutoriales/sifr-facil-con-jquery">sIFR fácil con jQuery</a> publicado en <a href="http://www.disenorama.com">Diseñorama </a></p>
        </div>
    </body>
</html>

Aquí como incluyo los swf a ser cambiados (archivo jquery.sifr.min.js)

Código:

$(document).ready(function(){
            $.sifr({
                path: 'swf/',
                save: true
            });
        
            $('h1').sifr({ font: 'oldengl',css: {   marginBottom: '5px'  }  });
            $('h2').sifr({ font: 'framdit' });
            $('h3').sifr({ font: 'eurostile lt demi' });
        });

Ah, a los swf los cree en el sitio sIFR Generator

Gracias.

mayid · #2 (**permalink**) 28/02/2010, 09:12

Si leí bien tu mensaje y el único navegador que te da problemas es IE6, yo te diría que lo olvides. Si te parece, agrega un mensaje para usuarios de IE6, explicando que su navegador es obsoleto. O reemplazá la tipografía específicamente para IE6. Pero no gastes tiempo en resolver un problema en ese navegador.

Por otro lado, leyendo diseñorama veo que solo funciona en servidores. Lo probaste en un servidor?

Otra cosa:

$('[selector]').sifr({ font: '[nombre del swf] ' });

En "nombre del swf" deberías poner algo sin espacios. Servidores cono unix no aceptan espacios.

$('h3').sifr({ font: 'eurostile lt demi' });

cristian_cena · #3 (**permalink**) 28/02/2010, 13:58

Mayid, voy a probar generando los swf con flash y si no va me quedo con typeface y lo lamento por los usuarios de ie6, para ellos pondre un estilo equivalente en css pero no podrán gozar de la fuente. Te aviso. gracias por las sugerencias.

mayid · #4 (**permalink**) 28/02/2010, 13:58

Cristian: quizás convertiste a sifr 3, y el plugin de jquery soporta la version 2. Lo viste a eso?

Proba con esta fuente. Le acabo de generar el swf. http://www.sifrgenerator.com/downloa...33259af765.swf

cristian_cena · #5 (**permalink**) 28/02/2010, 16:33

Ahhhhh, sisisi puede ser eso! ahi lo pruevo y te aviso.

cristian_cena · #6 (**permalink**) 01/03/2010, 00:13

Bueno mayid, diste en la tecla amigo

, queda sentado que el plugin soporta la versión 2. Sino mira el resultado http://www.inicio2770.com.ar/sIFR/sIFR-jQuery.htm

En el "Paso 2: Seleccionar la versión de sIFR" hice click en el radiobutton "sIFR2" y el swf generado funcionó perfectamente.

Ahora solo falta que lo pruebe en ie6, lo haré en una pc vieja de un amigo porque ietester me desepcionó cuando testeé el comportamiento de typeface.

Igualmente hice la prueba en ietester y según parece solo no toma la tipografia en ie5, aunque muestra el font-family, el font-size y el color definido en los estilos. También lo probé en opera y chrome, y en ambos funciona.

Gracias mayid por tu invalorable ayuda y ya sabes que cuentas conmigo en lo que te pueda servir.

Un abrazo