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/