javascript模糊图像

Question

是否存在除Pixastic之外的javascript库或jquery扩展模糊图像？

情况： 我有一页搜索结果。结果由一群用户组成。这些用户拥有隐藏在按钮（display: none;）下的图像列表。其中一些图像列表是私有的。 私人图像列表需要模糊不清。

尝试： 我已经开始使用firefox-only css技巧，但这似乎不起作用。 我已经尝试了Pixastic的库，快速模糊以及正常模糊，但这首先给了我一个错误，因为我传递了一个jquery对象。但是当我将它更改为DOM对象时，它只是不起作用（但没有给出更多错误）。 我终于去尝试使用他们实际演示中使用的代码（通过firebug获取），在js中创建图像，创建模糊效果处理程序并附加图像，但只是附加图像，而不是模糊。

规格： 我正在进行coldfusion工作，所以我要给ImageBlur()一个去，但是因为必须进入搜索结果页面，所以模糊服务器端的许多图像可能不是一个好主意。

更新 我正在尝试使用blur.js，这似乎工作正常。但是当我第二次调用所使用的函数（jqueryelement.blurjs();）时，我的第一个图像不会变得模糊（它会被库处理并获得正确大小的背景，但没有图像），但是第二个。如果我动态构建javascript字符串服务器端，这意味着只有最后一个图像变得模糊..：\

Answer 1

这里有一些指点模糊：

Gaussian Blur onHover Using jQuery

特别是Quasimodo的答案，他在这个jQuery中使用了一个模糊函数：

http://blurjs.com/

Answer 2

您始终可以使用半新的CSS3 filter属性。

filter: blur(10px);

过滤器是完全可动画的，适用于大多数浏览器（正如您所见here，除了IE之外的所有浏览器）。此外，大多数浏览器都需要-webkit-前缀。

<强> jsfiddle