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

  • Como agregar Una Anotacion Es aplicable a cualquier plataforma de Blogs. Si quieren agregar el significado de alguna palabra, o por ejemplo, detallar algun tipo de ingrediente (especial para los que tienen un blog […]
  • Desarrollo de SistemasUltimamente he estado enfocada en el desarrollo de sistemas. Por el momento trabajo analizando y desarollando prototipos. Un libro que me recomendaron para aprender a desarrollar sistemas […]
  • Generar Gratis Paletas de Colores CompatiblesSi eres como yo, y no tienes mucha habilidad combinando colores, este sitio te facilitirá la vida. https://coolors.co/. Tienes que crear una cuenta primero, ingresa tu nombre de […]
  • ¿Cómo puedo suprimir una entrada?, Blogger Para suprimir una entrada, primero debes ingresar al panel de administración de los blogs (http://www.blogger.com), desde aquí ir al blog en el cual deceas eliminar la entrada, búscala […]
  • Como puedo comprar un Dominio .com con paypal ¿Por que es necesario comprar un dominio .com? (no lo tomen a la ligera), generalmente los proyectos blogs, comienzan solo para tener un poco de entretenimiento, pero después de un par […]
  • Cómo poner un contador de visitas en tu sitio Web o Blog ¿Quieres saber cuantas personas visitan diariamente tu blog? Ahora podrás hacerlo con los novedosos marcadores que nos ofrece gratuitamente este servicio, para registrarte haz clic […]
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 *