Scriptaculous 1.7… sigue la oleada de lanzamientos

Unas pocas horas tras lanzarse la nueva versión de Prototype (ver anterior artículo), Scriptaculous ha lanzado una nueva versión. A cambio de Prototype, Scriptaculous si viene con novedades.

Además de usar la nueva versión de Prototype, la librería ha implementado Effect.Morph… efectos visuales basados en CSS.

Pongamos un ejemplo:

$(’mi_elemento’).morph({color:#abcdef;fontSize:’15px’});

Esto hará que “mi_elemento”, suponiendo que contenga texto, aumente progresivamente el tamaño del texto a 15px y cambie el color de este a #abcdef.

Lo mismo se consigue si en vez de definir el estilo final se define una clase css…

CSS:
.texto_grande{
color: #abcdef;
font-size: 15px;
}

JavaScript:
$(’mi_elemento’).morph(’texto_grande’);

Con esta nueva implementación las animación también nos resultarán más fluidas ya que ahora se realizan a 60fps en contraste con los 25fps de las anteriores versiones.

Ya solo falta que Scriptaculous tenga mejor documentación .-)

Miguel

Deja un comentario