对图像的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