通过jQuery处理图像亮度

Question

如何使用jQuery增加/减少图像的亮度？

Answer 1

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

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

Answer 2

您可以使用CSS过滤器增加图像的亮度，并使用jQuery修改CSS：

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/