我正在建立一个会员网站,我不希望免费会员清楚地看到其他会员的照片。高级用户将能够清楚地看到所有图像。我能够使用 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属性"不透明度"用于使图像变得沉闷。我希望这会帮助你:)