Image HTML JS
LauraObj Le 10 juillet 2019 à 21:12
Balatharas Le 11 juillet 2019 à 16:56
Si tu fais ça en JS, peut-être que tu utilises jQuery, dans ce cas tu peux utiliser la fonction fadeX() :
<script>
$('.monbouton').on('click', function() {
$('img.monimage').fadeToggle();
}
</script>
<!DOCTYPE html>
<html>
<head>
<title>Bouton</title>
</head>
<body>
<button id="monbouton">Mon bouton génial</button>
<img style="display: none" id="monimage" src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
</body>
<script type="text/javascript">
document.getElementById('monbouton').onclick = function() {
var statut = document.getElementById('monimage').style.display;
if(statut == "block") {
document.getElementById('monimage').style.display = "none";
} else {
document.getElementById('monimage').style.display = "block";
}
};
</script>
</html>
