Cambiar de imagen al pasar el mouse sin Javascript

Este es uno más de esos posts que escribo casi exclusivamente para mí misma, ya que cada vez que lo necesito me pongo a buscar en Internet…

Esta vez apliqué lo que encontré en este artículo: HTML Cambio de imagen sin javascript

El resultado puede verse en estos dos botones:

Letra pe::Letra eme

Este es el ejemplo de código para los botones anteriores:

<a

onmouseover=”document.letrape.src=’http://…./pe_verde.png'”

onmouseout=”document.letrape.src=’http://…./pe_bn.png'”

href=”https://www.irisfernandez.com.ar/betaweblog”>

<img alt=”Letra pe” src=”http://…./pe_bn.png” name=”letrape” />

</a>

<a

onmouseover=”document.letraeme.src=’http://…./eme_azul.png'”

onmouseout=”document.letraeme.src=’http://…/eme_bn.png'”

href=”https://www.irisfernandez.com.ar/betaweblog”>

<img alt=”Letra eme” src=”http://…/eme_bn.png” name=”letraeme” />

</a>

La traducción sería algo así como:

<enlace

onmouseover….cuando el mouse esté sobre esta imagen, cambiar a esta otra imagen: pe_verde.png

onmouseout……cuando el mouse salga de esta imagen, cambiar a esta imagen: pe_bn.png

href……….destino de la imagen >

<img….. imagen que se verá antes de que el mouse pase por encima>

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *