How do I display images on the click of a button?
I've made this website and on the 'More Information' Page I want to display an image when the button is pressed but my javascript doesn't seem to be working. Any help would be appreciated!
Voters
I've made this website and on the 'More Information' Page I want to display an image when the button is pressed but my javascript doesn't seem to be working. Any help would be appreciated!
I don't exactly understand what you are trying to do. Could you be more specific?
A few things come to mind, namely using css hidden and visible from classes on the image and manually adding and removing the image html from the div with js
css:
img.active {display: block;}
img {display: none;}
js:
function showFieldImage(){
document.getElementById('imagefield').classList.add('active')
}
html:
Field
this works because it gives the image a class which makes it visible in css, showing the romance of these three beautiful languages!