martes, 28 de mayo de 2013

Animaciones repetivas en javascript - Parte 6

“Es muy interesante lo que tú compartes, Juan, pero el requestAnimationFrame no es compatible con todos los navegadores”. Es verdad, tienen razón. El cross-browser es el problema eterno para quienes nos dedicamos al diseño de páginas web y ésta no es la excepción
Hay varias soluciones: unas complicadas y otras sencillas. No nos queremos complicar, por lo que iremos directo a la más sencilla de todas.
El único requisito es tener la archiconocida librería Jquery. Agregaremos este pequeño archivo js: jquery.requestAnimationFrame.min.js que lo pueden descargar desde aquí.

Para los despistados: una vez descargado, no hay que olvidarse de agregarlo entre las etiquetas <head> y </head>:
<head>

<script src="jquery.requestAnimationFrame.min.js"></script>
</head>
¡Listo! La animación funcionará en todos los navegadores modernos. Por supuesto, no esperes milagros, la compatibilidad es limitada. En la siguiente imagen puedes ver la tabla de compatibilidad:


Para ver la tabla en su versión original: http://caniuse.com/requestanimationframe

por Juan
para ae Soluciones web - Diseño de páginas web en Argentina



No hay comentarios:

Publicar un comentario