Es un método excelente para reflejar imágenes vÃa javascript sin necesidad de tener que editar de usar imágenes adicionales o editar la imagen en photoshop (o el programa que sea). Es muy simple de aplicar. reflection.js fue desarrollado por Cow’s Blog. En este link está el post de Cow y en este otro, la explicación de cómo funciona y de cómo se aplica (en ingl�s).
Reflection.js 1.0 allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean.
It works in all the major browsers – Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ and Safari. On older browsers, it’ll degrade and your visitors won’t notice a thing. Best of all, it’s under 4KB.
Y la verdad es que es muy simple de aplicar, consiste en guardar el archivo reflection.js en tu carpeta de scripts (o donde sea que uno los guarde) y después aplicar a la imagen que se quiera reflejar class="reflect" en el mismo tag de la imagen. También se le pueden especificar color de background.
Acá va un ejemplo:
 |
|
|
Y acá va el código que usé para que sea vea lo de arriba:
<table summary="ejemplos de reflection" align="center">
<tr>
<td><img src="/images/yo.jpg" class="reflect" alt="" /></td>
<td style="background:#000000"><img src="/images/yo.jpg" class="reflect" alt="" /></td>
<td style="background:#ff0000"><img src="/images/yo.jpg" class="reflect" alt="" /></td>
</tr>
</table>
Bueno, a mi me sucede algo muy curioso:
1º Agrego el JS en la carpeta SCRIPTS de mi Theme.
2º Despues desde el header.php llamo al script. (<script type="text/javascript" src="scripts/reflection.js"></script>)
3º En el post, hago referencia a la class=”reflect”
Resultado:
Nunca se reflejo!
[...] Estaba leyendo el blog de Doliaku (¿Su apodo será por algún personaje manga?) y me pareció genial una traducción que hizo sobre “Consejos para desarrolladores CSS“, es 100% recomendable para leerlo. Y después contarles que Doliaku (también llamado Lucas) fue nominado para están en la galería de CSS Manía por el diseño de su blog. Asi que Congrat a lucas. Y ya que están, léanse este articulo que habla de un efecto logrado con JS para reflejar imagenes (yo me sigo quedando con Photoshop). [...]
[...] (>_< ) Doliaku | el blog » Blog Archive » reflection.js Argazkien ereflejua lortzeko aukera ezberdinak (tags: webdesign Javascript argazkiak erreflejoa) [...]