changer l'opacité d'une image en utilisant le javascript

Question

Comment modifier l'opacité d'une image en utilisant le javascript ? Je vais créer un effet de fondu en utilisant javascript, y a-t-il un exemple ? Y a-t-il quelque chose comme image.opacity qui peut être changé par le code JS ? Comment est-il défini ?

merci

Answer 1

Vous pouvez utiliser l'outil de jQuery animer o fadeTo .

Answer 2

Définissez d'abord l'opacité de manière explicite dans votre HTML donc :

<div id="box" style="height:150px; width:150px; background-color:orange; margin:25px; opacity:1"></div>

sinon c'est 0 ou null

Ceci est ensuite dans mon fichier .js

document.getElementById("fadeButton90").addEventListener("click", function(){
document.getElementById("box").style.opacity  =   document.getElementById("box").style.opacity*0.90; });