IMÁGENES CON EFECTO DE SUSTITUCIÓN (ROLLOVER)

javascriptbigUna imagen con efecto sustitución consiste en realidad en dos imágenes. La primera imagen se muestra inicialmente al cargarse la página. La segunda imagen reemplaza a la primera cuando el cursor del ratón apunta sobre el área de la imagen.

Al retirar el ratón de la imagen original vuelve a aparecer. Ambas imágenes deben tener las mismas dimensiones. Normalmente la imagen es además un hipervínculo a otra página o activa alguna acción al hacer clic sobre ella.

Este efecto permite mostrar mucha información en la misma página de manera secuencial. De otra forma habría que hacer una página más larga con todos los elementos visibles simultáneamente.El efecto se logra mediante el uso de código Javascript en la página.


51. JQuery XXIII – Preloader imágenes rollover

En este vídeo vemos cómo crear preloader para las imgenes de rollover que pudiera haber en nuestra página web.