jul
17
2009
17
2009
Efecto Reflejo a imagenes con JS
An article by 
Hola!!!!
Navegando por ahi encontre un script js muy chido Llamado reflection.js con el puedes aplicar reflejos a tus imagenes!!!
Les muestro como, es muy sencillo!!
Para empezar Llamamos a nuestro Script reflection.js
1 | <script type="text/javascript" src="reflection.js"></script> |
Ahora lo que sigue es aplicar nuestro reflejo en la imagenes
1 | <img src="version.png" class="reflect rheight50 ropacity33" /> |
Podemos variar el tamaño del reflejo, con tan solo cambiar la clase
1 2 3 | <img src="user.png" class="reflect rheight33" alt="Muestra un 33% de la imagen" /> <img src="user.png" class="reflect rheight66" alt="Muestra un 66% de la imagen" /> <img src="user.png" class="reflect rheight100" alt="Muestra un 100% de la imagen" /> |
Por qué para utilizar este efecto?
Fácil de implementar. Solamente agrega class=”reflect” a la imagen y listo.
- No necesitas perder tiempo con un editor de imágenes para crear el efecto de reflejo.
- Trabaja muy bien con avatares, y no requiere de trabajo adicional por parte del servidor.
- Es muy fácil cambiar la opacidad y el tamaño del reflejo.
- Los reflejos pueden responder a la acción de usuario.
- Es chido.
Eso es todo!!!!
Les dejo el Link para descargar el js Reflection.js
Etiquetas: CSS, efecto, efecto de reflejo de imágenes con JavaScript, facil, js, reflection.js, reflejo en imagenes, web, zoneartcss
5 Comments + Add Comment
Leave a comment
Patrocinador
Siguenos
Suscribete
Correo @zoneartcss.com
Comentarios
- juan manuel en Subdominios con php y .htaccess
- PCHART-Crear gráficas en PHP | Espacio de *M@?!*[lOs KeRoS mUcHo a ToDoS...] en Pchart – Crear gráficas en PHP
- EH en Evitar resize de un textarea con CSS
- KAREN en Envia mensajes de texto gratis a celulares telcel
- Elie Cottage en Ventajas y desventajas de tener un blog gratis
El problema creo q es la forma como estas aplicando el script por que en teoria se debe poder en cualquier cms ya sea dedalus, wordpress, joomla, etc. Si funciona algun detallito te esta faltando.
salvdos
culpa de quien es?… del “mierdalus” o del script? o de quien lo aplica ya que a bakura si le funciono… es un simple script no importa en que CMS se aplique chao y gracias por comentar…
no se ve en el dedalus
nah…. gracias a ti tio… aver si te pasas mas por aqui jeje… bueno chao!…
Muy bueno xD
Gracias.