Combining jQuery and Pixastic. I cannot get the two to work.

Question

I've been banging my head against the wall all day with this one. Here is the link

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

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

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

$(document).ready(function() {

 $('.test').click(function() {

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

 });

});

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

I'm sure it's something really obvious and simple that is preventing this working and I cannot figure it out. So any help appreciated because my brain is fried from trying to figure this out!

Answer 1

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

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

Answer 2

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.