3d image reflection un discreto Javascript que mediante prototype + script.aculo.us nos permitirá dar reflejos a nuestras imágenes y evitar con esto tener que perder tiempo editándolas de forma individual. Su utilización es realmente muy sencilla y lso resultados realmente agradables. Probado en Firefox, Opera e IE. Preloading en imágenes antes de la reflexión.
Uso:
en nuestro encabezado dentro de las etiquetas < Head > incluir prototype, script.aculo.us y el script reflexión
JavaScript:
<script src="javascript/prototype.js" type="text/javascript"></script>
<script src="javascript/scriptaculous.js?load=builder" type="text/javascript"></script>
<script src="javascript/reflection.js" type="text/javascript"></script>
<script src="javascript/scriptaculous.js?load=builder" type="text/javascript"></script>
<script src="javascript/reflection.js" type="text/javascript"></script>
contenido
HTML:
<p id = "holder">
<img src = "imagen.jpg" />
</p>
<script type="text/javascript">
new Reflect3D('holder');
</script>
<img src = "imagen.jpg" />
</p>
<script type="text/javascript">
new Reflect3D('holder');
</script>
Via Anieto2k
2 Comentarios por usuarios
gracias por los recursos,
Excelente gracias !!