對圖像的javascript模糊

Question

是否有除Pixastic之外的JavaScript庫或jquery擴展模糊圖像？

局勢： 我有一頁搜索結果。結果由一羣用戶組成。這些用戶具有圖像列表，這些圖像隱藏在按鈕下（display: none;）。這些圖像列表中的一部分是私人的。 圖像的私人列表需要模糊。

嘗試： 我已經有了一個與Firefox的只有CSS技巧，但似乎並沒有工作。 我已經嘗試Pixastic的庫，快速模糊以及正常的模糊，但第一次給了我一個錯誤，因爲我傳遞了一個jquery對象。但是，當我將其更改爲DOM對象時，它不起作用（但沒有提供更多的錯誤）。 我終於去嘗試使用在他們的實際演示中使用的代碼（通過firebug獲得它），在js中創建一個圖像，創建模糊效果處理程序並添加圖像，但只是附加了圖像，沒有模糊。

規格： 我在工作的ColdFusion，所以我想給ImageBlur()一展身手，但因爲這已在搜索結果頁面中去，它可能不會是這樣模糊的是一個好主意很多圖片服務器端..

更新： 我試圖與blur.js，這似乎工作正常。但是當我第二次調用所使用的函數（jqueryelement.blurjs();）時，我的第一張圖像不會模糊（它會被庫處理並獲取正確大小的背景，但沒有圖像），但第二張圖像會。如果我動態生成JavaScript字符串服務器端，這意味着，只有最後的圖像變得模糊..：\

Answer 1

有一些指向這裏做模糊：

Gaussian Blur onHover Using jQuery

尤其是答覆卡西莫多，在那裏他取得了在此jQuery的使用模糊函數添加上：

http://blurjs.com/

Answer 2

你總是可以使用半新的CSS3 filter財產。

filter: blur(10px); 

過濾器完全可動畫和工作在大多數瀏覽器（你可以看到here，所有的瀏覽器IE除外）。你也需要在大多數瀏覽器中使用前綴-webkit-。

jsfiddle