Saltar al contenido

html – Mostrar / ocultar imagen con JavaScript

octubre 23, 2021
apple touch icon@2

Si ya tiene una función de JavaScript llamada showImage definido para mostrar la imagen, puede vincular como tal:

<a href="http://stackoverflow.com/questions/15318357/javascript:showImage()">show image</a>

Si necesita ayuda para definir la función, probaría:

function showImage() {
    var img = document.getElementById('myImageId');
    img.style.visibility = 'visible';
}

O mejor aún,

function setImageVisible(id, visible) {
    var img = document.getElementById(id);
    img.style.visibility = (visible ? 'visible' : 'hidden');
}

Entonces, tus enlaces serían:

<a href="http://stackoverflow.com/questions/15318357/javascript:setImageVisible("myImageId', true)">show image</a>
<a href="http://stackoverflow.com/questions/15318357/javascript:setImageVisible("myImageId', false)">hide image</a>

close