Foresight.js es una pequeña biblioteca desarrollada con JavaScript para realizar un trabajo simple, pero no por eso menos importante. Estoy hablando de mostrar imágenes en alta resolución siempre y cuando el dispositivo desde donde se visualice soporte este formato, por ejemplo en un iPad de tercera generación.
Foresight.js no solo se limita a evaluar si el dispositivo tiene o no la capacidad de mostrar imágenes en alta resolución, también evalúa la velocidad de conexión, un punto que es aún más importante desde el punto de vista de mejorar de la experiencia del usuario.
La biblioteca no requiere jQuery para trabajar, no obstante esta preparado y listo para ser utilizado con jQuery Mobile, permitiendo una perfecta integración, lograrlo no lleva más que unas lineas de código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script src="foresight.js"></script>
<script> $(document).bind("pagechange", foresight.reload); </script>
Este script esta probado y testado en:
- iOS 5.1 (iPad3 & iPhone4)
- Android 2.3 (Samsung Charge)
- Chrome 17 (Mac)
- Chrome 19 (Win)
- Safari 5.1 (Mac)
- Firefox 11 (Mac)
- Firefox 10 (Win)
- IE8
Web: Foresight.js
