Javascript 改变多幅图像的色调
虽然有代码可以只更改一次或两次图像的色调,但我想: A.更改多幅图像的色调 B在循环中应用不同的色调 C色调的逐渐变化,而不是突然变化Javascript 改变多幅图像的色调,javascript,html,css,Javascript,Html,Css,虽然有代码可以只更改一次或两次图像的色调,但我想: A.更改多幅图像的色调 B在循环中应用不同的色调 C色调的逐渐变化,而不是突然变化 <img src="parrots.jpg"> <img src="flowers.jpg"> <img src="rainbow.jpg"> 我怎样才能做到这一点 var imgs = document.querySelectorAll('img') imgs.forEach((img)=>{ img.st
<img src="parrots.jpg">
<img src="flowers.jpg">
<img src="rainbow.jpg">
我怎样才能做到这一点
var imgs = document.querySelectorAll('img')
imgs.forEach((img)=>{
img.style.filter = 'hue-rotate(-77deg)'
});
B
C
(变量i=0;i)的{
imgs[0]。style.filter='色调旋转('+i*360/10+'deg)'
}, 300)
}
这是一些方法,而不是实际的代码,它没有经过测试,如果您有错误,请转到控制台开始调试,并根据需要添加更多代码,希望它能给您一个想法是的。这是可能的。请共享代码!共享什么代码?我没有这方面的代码。你只是问这是否可能。答案是肯定的。你应该在这里尝试一下。不是我们其他人。去尝试一下吧。当你失败了,回到这里,分享你的代码并寻求帮助。罗伯特,我试过多种密码,但都做不到。这就是我来这里的原因。然后分享你的尝试和你的烦恼。所以,这不是一个代码编写服务,你只是来到这里,宣布你想要什么,并期望人们免费为你编写代码,你可以粘贴到自己的工作中。你应该做出努力。
for(i in imgs){
if(i % 2 === 0)
imgs[i].style.filter = 'hue-rotate(-77deg)';
}else{
imgs[i].style.filter = 'hue-rotate(40deg)';
}
}
for(var i=0; i<10; 1++){
setInterval(()=>{
imgs[0].style.filter = 'hue-rotate('+ i * 360/10+'deg)'
}, 300)
}