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有兩個可能的實例嗎？

回答

相關問題