Las imágenes rollover o de sustitución son aquellas en las que al colocar el puntero sobre una de ellas se alterna con la siguiente.

Muy útil en casos en los que deseas mostrar diferentes ángulos de un producto, un caso en el que se muestre el antes y el después, crear contenido interactivo o en cualquier otra situación que desees.

El truco no es nuevo, pero hoy es más sencillo de aplicar y utilizar tanto en páginas web como en correos electrónicos, sin conocimientos técnicos y en sólo un par de minutos.

La herramienta que te permite lograrlo es Rollover Image for Email de FreshInbox, donde lo único que necesitas es:

  • Dos imágenes, la principal y la de sustitución (en formato JPG o PNG).
  • El enlace al que deseas que se dirija al usuario cuando haga clic sobre la imagen.
  • El texto Alt de la imagen.

Crea e inserta imágenes rollover en tus correos electrónicos y páginas web

Si lo que deseas es insertar el resultado en una página web entonces simplemente copias el código que se genera después de la etiqueta body correspondiente y verás el resultado de manera inmediata.

En cambio si deseas enviarla por correo electrónico únicamente copias el código style que aparece en la etiqueta para el head.

Siempre puedes ver como luce antes de enviarla a otros contactos si utilizas la opción Email this to me que encuentra justo debajo de la imagen.

Las imágenes son creadas únicamente con CSS y HTML lo que evita problemas de compatibilidad al tiempo que las mantienes ligeras.

Relacionado  Hidden tools, colección hecha a mano de las mejores herramientas y recursos de la web
You May Also Like

Descuentos y ofertas en software para la educación, válido para estudiantes y profesores [Parte 1]

En el ambiente educativo, contar con las herramientas adecuadas y trabajar de…

Convierte tu voz a texto sin descargar nada, herramientas de dictado gratuitas y en línea

Las razones para hacer uso de una herramienta para convertir tu voz…

Bear App para tomar notas en iOS, MacOS y iPadOS, opinión basada en la experiencia

Bear es una aplicación para tomar notas disponible para dispositivos Apple, tiene…

Descuentos y ofertas en software para la educación, válido para estudiantes y profesores [Parte 2]

Empresas y plataformas digitales de diferentes industrias ponen a tu disposición descuentos…