Pixastic Blur не работает - переменная проблема?

Question

Поэтому я хочу попробовать быстрый метод Pixastic Blur для размытия изображения. Код, который они предоставляют в документации, следующий:

var img = new Image();
img.onload = function() {
    Pixastic.process(img, "blurfast", {amount:0.5});
}
document.body.appendChild(img);
img.src = "myimage.jpg";

Но когда я пытаюсь сделать это на своей странице, вот так:

$(document).ready(function() {
    var myImg = new Image();
    myImg.onload = function() {
        Pixastic.process(myImg, "blurfast", {amount:0.5});
    }
    document.body.appendChild(myImg);
    myImg.src = "../img/theImage.jpg";
});

Это просто ничего не делает.

Я также попытался назвать это так, но безрезультатно:

var img = new Image();
$(".div img").load(function(){
    Pixastic.process(img, "blurfast", {amount:0.5});
});
document.body.appendChild(img);
img.src = "../img/theImage.jpg";

Это даже не выдает ошибку!

Я пытался понять, что происходит img, новое изображение создано. Как только изображение в .div Pixastic запускает и добавляет эффект размытия во вновь созданное изображение. Теперь изображение применяется как ребенок и получает src приписывать.

Как вы, наверное, заметили, у меня есть некоторые логические ошибки, но я не могу это понять. Я считаю, что в приведенном выше коде, img не всегда одно и то же. Иногда это переменная, иногда это должно быть фактическое изображение из img-тег. Это правда? Или вы видите что-то другое, что вас поражает? Почему это не работает?

Answer 1

Хорошо понял! Мне нужно вызвать его через метод jQuery по какой-то причине. Подобно:

$(".div img").pixastic("blurfast", {amount:0.5});