javascript - 使用 jquery 恢复像素效果

Question

$(function() {
    $( "#slider" ).slider({
      range: "min",
      value: 2,
      min: 0,
      max: 5,
      slide: function( event, ui ) {
        // While sliding update the value
        $( "#image" ).pixastic('blurfast', {amount:ui.value});
       }
    });
    // Set the initial slider amount
    var value = $( "#slider" ).slider( "value" );
    $( "#image" ).pixastic('blurfast', {amount:value});
  });

我有多个滑块可以在图像上产生像素效果。但是，每次滑块更新图像时，我希望它恢复旧效果并应用该效果的新级别，而不是每次都累积效果。我知道 pixastic 库中的恢复功能，但我对 jquery 还很陌生，不确定如何使用它。我怎么能这样做呢？

Answer 1

$("#image").click(function(){
   Pixastic.revert(document.getElementById('image'));
   //apply your new effect.
});