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:
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>