Combining jQuery and Pixastic

I just want to click on the image and then see it blur out. That's it. Here is the link:

http://www.olliemccarthy.com/test/blur-experiment/

Here is the code I've been using so far.

$(document).ready(function() {

 开发者_StackOverflow社区$('.test').click(function() {

  $(this).("blurfast", {amount:0.8})

 });

});

I've tried rearranging the order in which the scripts are called in and no luck.

$(this).pixastic("blurfast", {amount:0.8});

will do it. You forgot to call the jQuery method.

Here is the code I've been using so far.
[snip]
$(this).("blurfast", {amount:0.8})

That's invalid JavaScript syntax and should be throwing a parsing error.

According to the Pixtastic documentation, you want:

$(this).pixastic("blurfast", {amount:0.8});

...assuming that you want to blur the image that was clicked.