how to reset

[mnsaqib]

i would like to appreciate your work.

simply awesome.............

here is my code

<script> ``` var value = 0 $(document).ready(function () { $("#sharp").click(function () { $("#largeImage").philter('sharpen'); }) $('#Reset').click( function () { value = 0 $('#largeImage').philter({ animateTo: value }, 'slow'); }) }); ``` but on resert button click .....it is not going back to its original image. please help me Thanks

[Laboralphy]

Well all I can say is that : " { animateTo: value }, 'slow' " is not a set of parameters accepted by the philter plugin.

What is the goal of your "#Reset" button ?
If its goal to reset the image back to it's original state, then you should use
$('#largeImage').philter('restore');

...But don't forget to use $('#largeImage').philter('save'); prior to any call to philter.

I give you a complete example :

<script>
  var value = 0;
  $(window).on( "load", function () {

    $("#largeImage").philter('save'); // the original state of the image is saved

    // attaching "click" event handler on #sharp button
    $("#sharp").on( "click", function () {
      $("#largeImage").philter('sharpen');
    });

    // attaching "click" event handler on #Reset button
    $('#Reset').on( "click", function () {
      $('#largeImage').philter("restore"); // restoring image back to its original state
    });
  });

[mnsaqib]

$('#largeImage').philter('save');
what is the use of it?

will this save the changes i made to the file?
thanks

one more thing, can add one more filter to the list, Pseudocolor, you can see it in grafis.js

your help will be highly appreciated

[Laboralphy]

$('#largeImage').philter('save');

is use to save to current image content into an internal buffer.

when $('#largeImage').philter('restore'); is called, the internal buffer is copied back to the visible image.

Well, you cannot add custom filters at the moment, but I may add this feature soon.

thank you.

[mnsaqib]

sir,

the code is not working at all
please recheck

if add a new button "save"
and first click on it
then its working

//var value = 0;
$(window).on("load", function () {

$("#save").on( "click", function () {
$("#largeImage").philter('save'); // the original state of the image is saved
});

// attaching "click" event handler on #sharp button
$("#sharp").on( "click", function () {
  $("#largeImage").philter('sharpen');
});

// attaching "click" event handler on #Reset button
$('#Reset2').on( "click", function () {
  $('#largeImage').philter("restore"); // restoring image back to its original state
});

});
</script>`

[mnsaqib]

any update on my request?

[Laboralphy]

I need to see all your code including html.
Do you have a testing URL ?

[Laboralphy]

Well not all your code but at least the context html with the referenced elements ("save" "largeimage" etc.)