javascript - 使用 PHP、CSS、JavaScript 或任何可能的方式为不同帐户级别模糊图像

Question

我正在建立一个成员(member)站点，我不想让免费成员(member)清楚地看到其他成员(member)的照片。高级用户将能够清楚地看到所有图像。我可以使用 css 和 svg 过滤器部分地实现这一点，但缺点是当用户点击+按住+拖动图像时，会显示正常图像，免费成员(member)也可以轻松下载图像并获得清晰的副本。

我想过使用 jQuery 将所有图像 SRC 转换为背景图像。但我找不到将此脚本限制为仅特定 div 的方法。这是我用来将图像 src 转换为背景的代码:

$("img").each(function(i, elem) {
   var img = $(elem);
   var div = $("<div />").css({
   background: "url(" + img.attr("src") + ") no-repeat",
   width: img.width() + "px",
   height: img.height() + "px"
});
   img.replaceWith(div);
});

如果我能找到 jQuery 之外的另一种解决方案，我将非常感激，因为 jQuery 与网站上的其他功能存在冲突。

无论如何我都需要一个解决方案。

提前致谢。

Answer 1

你可以在每张图片上使用一个公共(public)类作为制作沉闷图像的虚拟类。那么你不需要循环。

或者你可以使用 css 属性 'opacity'使图像变暗。我希望这会对你有所帮助:)