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

Blur out images for different account levels with PHP, CSS, JavaScript or any means possible

本文关键字：图像 模糊 方式 JavaScript CSS 任何可 使用 PHP      更新时间：2023-09-26

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

我想过使用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与网站上的其他功能冲突。

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

提前谢谢。

您可以在每个图像上使用公共类作为制作沉闷图像的虚拟类。那么你就不需要循环了。

或者你可以使用CSS属性"不透明度"用于使图像变得沉闷。我希望这会帮助你:)

相关文章：