文章/答案/技术大牛

发布

社区首页 >问答首页 >无法处理带有Pixastic的预置<img>

问无法处理带有Pixastic的预置<img>
EN

Stack Overflow用户

提问于 2011-08-26 16:42:15

回答 1查看 360关注 0票数 1

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

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

pixastic

jquery

prepend

回答 1

Stack Overflow用户

发布于 2011-08-26 16:54:47

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

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7202110

复制

相似问题

问无法处理带有Pixastic的预置<img>
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法处理带有Pixastic的预置<img>EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法处理带有Pixastic的预置<img>
EN