[2021] html – mostrar/ocultar imagen con JavaScript {DH}

Si ya ha llamado a una función de JavaScript showImage definido para mostrar la imagen que puede enlazar así:

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

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

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

O mejor,

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>