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

  • Fotos en el PerfilEsto es para los miembros, si les interesa me gustaria que me enviaran una foto de ustedes para agregarla junto a la mia...asi no se ve tan frio el perfil que por ahora no tenía nada mas […]
  • Templates o Plantillas para Blogger, Classic-Blogger Ann-s-thesia Son bien bonitas, pero hay que descargar un archivo, que contiene las imagenes, y logos. Erisfree En esta se van armando plantillas, de 2 o 3 columnas a gusto. Ademas de […]
  • Pikifx, Editor de Imágenes Encontré un dato entretenido para arreglar nuestras imágenes a nuestra pinta, ponerle marcos, darle efectos, etc. Y lo mas importante de todo que es super fácil de usar. Primero entren a […]
  • Plantillas para blogger En el blog Blogger templates hay muchas plantillas (o templates) para los blog de blogger. Para instalarlas solo hay que elegir la que te guste y al ladfo del link de los comentarios hay […]
  • Agregar un Rastro de Texto al Cursor, Classic Blogger Con el siguiente código se puede añadir al cursor un rastro de texto, al texto se le puede modificar el color, la fuente, tamaño y velocidad, las indicaciones para las modificaciones […]
  • Instalar WordPress en un servidor propio WordPress es un sistema de gestión de contenidos como Blogger y muchos otros, enfocado a la creación de weblogs. Las causas de su enorme crecimiento son, entre otras, su licencia, su […]
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 *