vie

29

mar

2013

Aumentar imágenes al pasar el cursor con efecto deslizante

arbey tutoriales

 

Les tengo un método para poder agrandar imágenes a partir un script llamado Expando que permite expandir imágenes desde un tamaño a otro con efecto deslizante y que al quitar el cursor vuelve a la forma pequeña

.

Tu defines el tamaño pequeño, cuando el cursor pase sobre la imagen este volverá a su tamaño original.

 

Solo bastara poner los siguientes códigos para lograr este afecto a ciertas imágenes que tú quieras expandir.

 

Son tres códigos lo que necesitaremos, 2 códigos van colocados en el head que son el script y el css y el otro código va en un widget Html con la url de la imagen correspondiente.

 

Código En El Head

 

<script type="text/javascript" src="http://archivoswebdesignworld.site50.net/

Efecto%20expandir%20imagenes/Expando%20Image.js">

</script>

 

<style type="text/css">

/*<![CDATA[*/

img.expando{

margin:10px;

vertical-align: top;

}

/*]]>*/

</style>

 

 

 

 

 

 

Código Html

<img border="0" src="URL de la imagen" class="expando" width="100" alt="" />

Listo, solo queda colocar la URL de la imagen a la cual le quieres colocar el efecto.

 

 

 

estos codigos se los debemos a nuestro amigo webdesignworld el que se merece todos los cretidos   http://webdesignworld.jimdo.com/

0 comentarios

Título

SUSCRIBETE
CLIC EN LA IMAGEN

este sitio se encientra en mantenimiento y adecuaciones

comentario

Escribir comentario

Comentarios: 10
  • #1

    Luis Eduardo (lunes, 06 mayo 2013 15:18)

    Pana quisiera saber de donde saco los codigos de television en internet

  • #2

    arbeyrm (martes, 07 mayo 2013 11:16)

    hola luis los codigos los puedes encontrar en la pagina de justin.tv o tambien en pirlot.net

  • #3

    minecraftodo (lunes, 08 julio 2013 07:09)

    hola yo se que hicistes el video de boton de subcripcion pero como hago que yo le de click a la imagen y aparesca mi cuenta de youtube?

  • #4

    arbeyrm (sábado, 13 julio 2013 14:30)

    descarga el codigo de mi pagina esta en codigos html luego abres tu perfil de youtube copias la direcion y lo remplaza x la q aparese en el codigo q descargo

  • #5

    tk-server (sábado, 10 agosto 2013 14:42)

    Buenaso!!!

  • #6

    tv503 (martes, 18 febrero 2014 10:01)

    me sirvio

  • #7

    Nelly (viernes, 18 abril 2014 18:55)

    Hola, como puedo hacer esto mismo pero en una entrada del blog de Blogger? Ya que en un elemento html me lo permite pero en una entrada el mismo código no lo acepta, no se ve mas que el cuadrado en gris pero sin ninguna trasmisión del canal que quiero poner. Desde ya gracias!

  • #8

    arbey (viernes, 06 junio 2014 14:22)

    hola nelly mira si no te sirbe tocaria cambiar el codigo y ese lo puedes localizar aca http://www.todocanales.net/canales/canal-caracol-en-vivo-por-internet.html

  • #9

    teleave (miércoles, 10 septiembre 2014 21:34)

    hola

  • #10

    Ruben (domingo, 24 abril 2016 13:32)

    Quisiera saber donde esta el HTML de los canales de Tv

foto tutorial
CLIC EN LA IMAGEN