jQuery处理图片亮度

Question

如何通过jQuery增加/减少图片的亮度？

Answer 1

您可以设置图像的不透明度，如：

$("#my-image").css("opacity", "0.5"); 

Answer 2

可以增加与CSS滤镜图像的亮度和修改CSS与jQuery这样的：

HTML

<img src="http://lorempixel.com/300/300/" /> 

的Javascript

var bLevel = 1; 
$('img').click(function() { 
    bLevel += .1; 
    $(this).css({"-webkit-filter" : "brightness("+bLevel+")"}) 
}); 

（演示here）

增加点击演示/降低亮度：http://jsfiddle.net/user2314737/ZeY8C/2/