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

  • Cuenta Atrás, Classic-Blogger Este Post es aplicable en cualquier plataforma de Blogs (Blogger, WordPress...) o Página web. Si lo que buscan es un contador para atrás de una fecha determinada, este es el post que […]
  • Descargar archivos con uTorrent Bueno ahora les voy a contar de mi programa favorito a la hora de realizar descargas, el uTorrent, sin dudas hay muchísimos programas de este estilo, pero a mi este programa no solo me ha […]
  • Como subir un Libro de Visitas al host gratuito (Guestbook) Podemos hacerlo con cualquier guestbook, yo elegí este: Ricardo Gbook Si les interesa alguno en especial, dejen un comentario para considerarlo. Para los que no hayan leído los post […]
  • Como agregar una Imagen en el Titulo, Parte II, TICTAC, Classic Blogger Para agregar una imagen al título en el Template TICTAC...El procedimiento ES SIMILAR AL DEL Son of Moto, La única diferencia es que la imagen tiene distinto largo, el ancho se ajusta […]
  • Escucha la musica del mundo gratis con Spotify Hace poco hice un descubrimiento maravilloso, se trata de una aplicación con la que es posible escuchar música por internet en forma gratuita, para quienes no la conozcan se llama […]
  • Publicar Noticias de otro blog Por ejemplo estos son los ultimos post que se crearon en el blog de ANIME, lo unico que necesito para esto, es conocer la rss de la web, en este caso, al igual que para todos los blog de […]
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 *