Не удается обработать предварительно обработанный <img>с Pixastic - PullRequest
Новая
       11

Не удается обработать предварительно обработанный <img>с Pixastic

1 голос
/ 26 августа 2011

Мой вопрос довольно простой, но я не могу его выяснить.

У меня довольно большая библиотека изображений для отображения на моем веб-сайте, поэтому я написал скрипт jQuery для сканирования папки, сбора источников изображений и размещения их в качестве фонового изображения в нужном месте. Это прекрасно работает.

Мой второй шаг - добавить копию изображения над ним и обработать его с помощью библиотеки Pixastic. Я пробовал с кодом, показанным ниже: 

function blurBackground() {
$wrapper2.prepend('<img class="blur" src="'+$sourceImage+'" />'); // great, a copy of the image is set!
    $('.blur').load(function() {    // execute on load
        $('.blur').pixastic("blur").css('border','10px solid red'); // failed to process with pixastic, succeded to edit css
    });
}

Если у меня есть <img src="something.jpg" class="blur" /> в моей разметке, все работает отлично, даже если я сокращаю функцию и использую только этот код: 

function blurBackground() {
 $('.blur').pixastic("blur");
}

Проблема в том, что я не могу обработать любое изображение, которое было добавлено или добавлено.

Понятия не имею, что я делаю не так. $ sourceImage на 100% корректно, и изображение всегда кэшируется перед выполнением функции.

1 Ответ

0 голосов
/ 26 августа 2011

Мне кажется, что вам нужно сделать это, указав this изображение с классом .blur в обработчике событий .load. 

$('.blur').load(function() {   
    $(this).pixastic("blur").css('border','10px solid red');
});
...