Question

我的问题很基本，但我找不到。

我有一个非常大的图像库可以在我的网站上显示，所以我写了一个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％正确的，并且在执行函数之前总是缓存图像。

Answer 1

我认为您需要在this事件处理程序中使用类.blur指定.load图像。

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

无法使用Pixastic处理前置<img/>

1 个答案: