Ändern der Farbtöne mehrerer Bilder

Question

Während es Codes gibt, um den Farbton eines Bildes nur ein- oder zweimal zu ändern, möchte ich: a. Farbton mehrerer Bilder ändern b. Anwendung verschiedener Farbtöne in einer Schleife c. Allmähliche Veränderung der Farbtöne statt plötzlich

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

Wie könnte ich das tun?

Answer 1

A

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) 
} 

Dies sind Ansätze eher als tatsächliche Code, es ist nicht getestet, falls Sie einen Fehler haben, gehen auf die Konsole und starten Sie das Debuggen und fügen Sie mehr Code, wie Sie es brauchen, hoffentlich gibt es Ihnen eine Idee