複数の画像の色合いを変更する

Question

画像の色相を1〜2回変更できるコードがありますが、私は次のようにしたいと思います： a。複数の画像の色合いを変更する b。ループ内に異なる色相を適用する c。突然よりむしろ色相が徐々に変化する

<img src="parrots.jpg"> 
<img src="flowers.jpg"> 
<img src="rainbow.jpg"> 

どうすればいいですか？

Answer 1

var imgs = document.querySelectorAll('img') 
imgs.forEach((img)=>{ 
    img.style.filter = 'hue-rotate(-77deg)' 
}); 

B

for(i in imgs){ 
    if(i % 2 === 0) 
     imgs[i].style.filter = 'hue-rotate(-77deg)'; 
    }else{ 
     imgs[i].style.filter = 'hue-rotate(40deg)'; 
    } 
} 

C

for(var i=0; i<10; 1++){ 
setInterval(()=>{ 
    imgs[0].style.filter = 'hue-rotate('+ i * 360/10+'deg)' 
    }, 300) 
} 

これは行く、場合にあなたがエラーを持っている、それはテストされていない、むしろ実際のコードよりもアプローチしていますコンソールに接続し、デバッグを開始し、必要に応じてコードを追加してください。うまくいけば、それはあなたにアイデアを与えるでしょう