Entradas con la Tag “reflection.js”

No estoy anunciando un nuevo producto para el cabello con un nombre que tiene gancho. Bicheando por la red de redes he encontrado una liviana librería en Javascript que te permite realizar unos efectos bastante atractivos para las imágenes que albergas en tu web / blog. Os invito a entrar en su web y comprobarlo por vosotros mismos. Para incrustarla en vuestro sitio sólo hay que seguir la siguiente receta:

  • Descargar el paquete comprimido con todo lo necesario.
  • Descomprimirlo y colocar reflection.js en el lugar adecuado dentro de tu web. Si eres un ser humano medianamente ordenado, tendrás una carpeta por ahí llamada “js” donde almacenas todos archivos Javascript.
  • Importar la librería como otra cualquiera con la siguiente etiqueta HTML: <script type="text/javascript" src="reflection.js"></script>
  • Colocar en la etiqueta <img> de la imagen que quieras reflejar este atributo : class="reflect"

Y voilá! imagen reflejada. En el .zip descargado encontraréis un archivo readme.html que os explicará cómo podéis configurar el efecto a vuestro gusto: opacidad, longitud de la imagen reflejada,…Es compatible también con las últimas versiones de los cuatro navegadores más empleados (¿sabéis ya cuáles son?) y presume de ser Javascript no obstructivo, por lo que tu página apenas se enterará de que esa librería está por ahí. Os dejo con uno de los ejemplos que hay en su web:

Comentarios 7 comentarios »

Creative Commons License Esta obra está bajo una licencia de Creative Commons