Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje08-08-2009, 22:21 (UTC)    
Título del mensaje: [Código Javascript] "Expando" Zoom en Imagenes (Ex

Hola, aquí dejo otro aporte, no me fije si ya esta en el foro pero cualquier cosa me avisan.

Este script sirve para que al pasar el mouse sobre una imagen ésta se expanda.

Ejemplo: >>Aquí<<

Texto por encima de la página:
Código:
<style type="text/css">

img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}

</style>

<script type="text/javascript" src="http://www.fileden.com/files/2009/5/29/2459724/expando.js">

/* Expando Image Script ©2008 John Davenport Scheuer
   as first seen in http://www.dynamicdrive.com/forums/
   username: jscheuer1 - This Notice Must Remain for Legal Use
   */

</script>

(Recomiendo descargar el JS y subirlo a su host preferido)

Luego Ponen esto donde quieran el efecto de las imagenes:
Código:
<center><p><img height="175" border="0" width="300" alt="" class="expando" src="http://img.webme.com/pic/e/ericopereyra/cpp.png" /> <br />
<img height="175" border="0" width="300" alt="" class="expando vacation" src="url-IMAGEN-1" /> <br />
<img height="175" border="0" width="300" alt="" class="expando" src="url-IMAGEN-2" /> <br />
<img height="175" border="0" width="300" alt="" class="expando" src="url-IMAGEN-3" /></p></center>


No hace falta aclarar que las medidas "height" y "width" son editables, y que pueden agregar cuantas imagenes quieran.

Source: dynamicdrive
Dejen sus comentarios aquí si les gusto.
______________



Ultima edición por ericopereyra el Sab Sep 05, 2009 3:18 pm; editado 2 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group