How do I use Pixastic?

Question

I'm trying to blend two images using the Pixastic plugin - here's my code.

These images will be dynamic, I'm not really sure why the test isn't working. Chances are I've done something wrong as I don't think I've coded it correctly. Does this have to be working with the jQuery plugin?

Can someone please explain how to get the blending mode working on 2 images, one of which is unknown but the IDs are fixed?

Answer 1

1. Your second images loaded is retrieving a 404. It means there is any image there.
2. Your External libraries (pixastic.core.js, blend.js) are retrieving a 404 status too.

3. You must get the image element on the second line of your javascript.

   var img = new Image(); img = document.getElementById("userImage");