Textos con efectos

Email this to someoneShare on FacebookShare on Google+Share on LinkedInTweet about this on Twitter

textualizer

Textualizer es un plugin jQuery con el que podrás realizar transiciones entre textos con hasta cuatro efectos diferentes como:  aparición progresiva (fadeIn), desplazamiento a la izquierda (slideLeft), desplazamiento arriba (slideTop) y efecto aleatorio (ramdom), además el plugin acepta cualquier número de palabras.

Para ello primero definimos los tres estados diferentes:

.textualizer('pause') // Pausar animaciones finalizando la animación
.textualizer('stop') // Parar la animación
.textualizer('destroy') // Elimina la instancia

Para utilizarlo, descargar el fichero js y alojarlo en tu servidor, realizar las llamadas correspondientes desde tu código, estas son algunas de las variables que se pueden configurar:

var list = ['first blurb', 'second blurb', 'third blurb'];  // list of blurbs

var txt = $('#txtlzr');  // The container in which to render the list

var options = {
    duration: 1000,          // Time (ms) each blurb will remain on screen
    rearrangeDuration: 1000, // Time (ms) a character takes to reach its pos.
    effect: 'random',        // Animation effect the characters use to appear
    centered: true           // Centers the text relative to its container
}

txt.textualizer(list, options); // textualize it!
txt.textualizer('start'); // start

Textualizer es compatible con los principales navegadores web: Chrome, Safari, Firefox, Internet Explorer (6,7,8,9+), Opera y Safari.

 

Sé la primera persona en comentar

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

De conformidad con lo establecido en la LOPD, Adpv Advertising Provider S.L. garantiza la adopción de las medidas necesarias para asegurar el tratamiento confidencial de los datos de carácter personal. Así mismo le informamos de la inclusión de sus datos en un fichero con la finalidad de mantener su relación negocial o contractual con Adpv Advertising Provider S.L. y de la posibilidad de ejercer los derechos de acceso, rectificación, cancelación y oposición en la siguiente dirección: Ercilla, 26, 1Dcha., 48011, Bilbao, Bizkaia. Privacidad.