如何使用javascript和html滑块（不使用画布）更改图像的对比度

Question

As the title, I want to create a slider using html and javascript (or jQuery, CSV,...) to change contrast of an image. Like this topic. However, I don't want to use Canvas in HTML5.

Is there any way to do this. Thanks in advanced.

Answer 1

You can use CSS filter:

-webkit-filter: contrast(200%);

Just get the value of your HTML slider and apply the contrast filter to your image