Javascript para el Truco que Cambia una imagen por otra al Pasar el mouse por encima, Classic Blogger

Classic Blogger, Imagenes, Plataformas, Trucos Script/Plugin/Widget

Este primer código va entre las etiquetas <head> y </head> (el comienzo de esta etiqueta esta en las primeras lineas de toda su plantilla), este codigo se copia textual, y no se le hace ningún cambio, solo en el segundo se cambian las url de las imagenes:

< View plain text >
js

  1. <!-- Consigue mas JavaScript en http://www.mundojavascript.com -->
  2. <!-- Swap images
  3. function Permut (flag,img) {
  4.    if (document.images) {
  5.         if (document.images[img].permloaded) {
  6.             if (flag==1) document.images[img].src = document.images[img].perm.src
  7.             else document.images[img].src = document.images[img].perm.oldsrc
  8.         }
  9.    }
  10. }
  11. function preloadPermut (img,adresse) {
  12.    if (document.images) {
  13.         img.onload = null;
  14.         img.perm = new Image ();
  15.         img.perm.oldsrc = img.src;
  16.         img.perm.src = adresse;
  17.         img.permloaded = true;
  18.    }
  19. }
  20. // -->

y este segundo codigo es en donde se verá el efecto, debe ir debajo de <body>:

< View plain text >
HTML

  1. <a href="http://tekytips.com/personal">
  2. <img src="http://photos1.blogger.com/blogger/5923/1205/200/toplaya.jpg" border="0">
  3. </a>

Lo que se obtiene como resultado, lo pueden ver pasando el mouse sobre mi foto en la columna izquierda, en este caso yo puse la direccion de mi blog personal, obviamente ustedes la cambian por lo que quieran.
Este es el link de mi primera imagen:
http://photos1.blogger.com/blogger/5923/1205/200/toplaya.jpg
Y este es el link de la segunda:
http://photos1.blogger.com/blogger/5923/1205/200/DSCN4479.jpg
Lo unico que deben hacer es sustituir estos links por los de ustedes en el segundo codigo.

Actualización del Post: 8/12/2007

Si quieres dejar este accesorio en la sidebar (barra lateral) y tienes dudas, revisa esta entrada: Donde Debo Pegar el Código de Algún Accesorio en mi Plantilla (Template).
Y si necesitas un host gratuito para subir tus imágenes revisa los siguientes post:
–Hosting Gratuito
–Paginas para Subir Archivos

Artículos Relacionados

  • Para tus fotos hola, otra vez yo, bueno como siempre mirando encontré FOTOTHING, una página que les puede interesar con el tema de las fotos. Es del tipo de páginas como slide, flickr, bubble share en […]
  • Mensajes en los Comentarios con las Cookies Esto sirve para decir cosas como: Hay un comentario que ya leiste Hay 5 nuevos Comentarios Escribe el primer comentario...y muchas otras oraciones mas al gusto de cada uno. Por ahora […]
  • Como Cambiar el Idioma de WordPress al Español En 2 pasos tendrán su wordpress en español Paso 1: Descargar el archivo de idioma español para wordpress: Descargar Aquí Descomprimirlo en el PC, y subirlo a la carpeta wp-content de la […]
  • Como agregar un Guestbook o Libro de visitas En esta página te ofrecen un espacio para tener tu libro de visitas de forma gratuita. Para tener acceso al servicio simplemente hay que registrarse en el servicio básico (que es el […]
  • Widget de Blogger Blogger a añadido un nuevo widget, la idea es hacer una lista de nuestros amigos de blog, colocar su dirección y tendremos la opción de mostrar el titulo del último post escrito, y la […]
  • Leer Mas!!! Parte 2 Classic Blogger Si nunca te funcionó el descarga de aquí la plantilla que utilizas, con los cambios ya realizados (es un archivo de word, adentro esta destacado con letras rojas los códigos añadidos, […]
patriram
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

About patriram

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

Leave a Reply

Your email address will not be published. Required fields are marked *