Cambia la imagen al pasar el cursor

|| ||

Bueno, ya toodas han visto este tutorial, pero para las principiantes que no saben, solo den clic en seguir leyendo


Pues ya sabemos como cambiar una imagen, ponerles efectos etc. pero vosotros no sabéis cambiar una imagen a otra, sin complicaciones.
Por supuesto ya sabéis el tutorial con script de Ciudad blogger clic en el enlace para ir al tutorial.
Como el mismo dijo muchas complicaciones, pero este tutorial que les traigo hoy es el mismo de ciudad blogger. solo lo quise compartir

Un ejemplo, pasa el cursor por la imagen.

Como podéis ver cambia de imagen fácil y sencillo con un simple código

En una entrada {Recuerda en html} o en un gadget {html/javascript} colocáis el siguiente código

<img src="URL DE LA PRIMERA IMAGEN" onmouseover="this.src='URL DE LA SEGUNDA IMAGEN';" onmouseout="this.src='URL DE LA PRIMERA IMAGEN';"/>

¿Ya sabéis que editar?

Color: Esta será la imagen inicial.
Color: Esta será la imagen que se muestra al pasar el cursor

NOTITA: Para que las imágenes se vean mejor, trata de colocarlas del mismo tamaño

Como dije anteriormente, doy créditos a Ciudad blogger

Beshines :)

3 comentarios:

  1. Muchas gracias,por la tutorial^^
    saludos~

    ResponderEliminar
  2. Tengo un problema :c y es que la segunda imagen me aparece muy grande como si no le hubiera dado clik al boto de "ajustar al blog" y no se porque si las imagenes son del mismo tamaño u.u

    ResponderEliminar
    Respuestas
    1. Trata de volverlas a hacer, si no funciona, me avisas y trataré de ayudarte.

      Eliminar

Tu comentario me haría muy feliz!! :D