Javascript 使用jquery恢复像素效果

Javascript 使用jquery恢复像素效果,javascript,jquery,pixastic,Javascript,Jquery,Pixastic,我有多个滑块用于图像上的像素效果。但是,每次滑块更新图像时,我希望它恢复旧效果并应用新级别的效果,而不是每次累积的效果。我知道pixastic库中的revert函数,但我对jquery还比较陌生,不确定如何使用它。我怎么能这样做呢 $(function() { $( "#slider" ).slider({ range: "min", value: 2, min: 0, max: 5, slide: function( even

我有多个滑块用于图像上的像素效果。但是,每次滑块更新图像时,我希望它恢复旧效果并应用新级别的效果,而不是每次累积的效果。我知道pixastic库中的revert函数,但我对jquery还比较陌生,不确定如何使用它。我怎么能这样做呢

$(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});
  });
$("#image").click(function(){
   Pixastic.revert(document.getElementById('image'));
   //apply your new effect.
});