blur.js有两个可能的实例吗？

我想对两个不同来源的元素使用blur.js。我怎样才能做到这一点？blur.js有两个可能的实例吗？

我迄今为止代码：

$('.blurry1').blurjs({ 
     source: '.source1', 
     cache: false, 
     radius: 10, 
     debug: 1, 
}); 

$('.blurry2').blurjs({ 
     source: '.source2', 
     cache: false, 
     radius: 10, 
     debug: 1, 
});

只有第二个功能被正确执行。

来源

2014-01-09 user1462382

你的HTML/CSS是什么样的？ –

查看他们的主页，它有多个例子：http://www.blurjs.com/ –

问题不在于，我们使用两个不同的div来执行模糊函数（如在他们的网站上）。问题是应该生成模糊图像的两个来源。 – user1462382

它可以完成，但它有点骇人听闻，因为它依赖setTimeout函数等待第一个blurjs函数完成。

$('#blurry1').blurjs({ 
    source: 'body', 
    radius: 30, 
    overlay: 'rgba(0, 0, 0, .2)', 
    cache: false 
}); 

setTimeout(function() { 
    $('#blurry2').blurjs({ 
     source: '#bg2', 
     radius: 30, 
     overlay: 'rgba(0, 0, 0, .2)', 
     cache: false 
    }); 
}, 1000);

来源

2014-11-14 09:46:48 Karthikraja

Blur.js的This fork通过CezaryDanielNowak固定由初始执行所施加的限制，并且允许多元素同时模糊 - 无需setTimeout的。

来源

2015-05-27 21:54:47 Fraserm

blur.js有两个可能的实例吗？

回答

相关问题