一张照片显示一张照片

我试图逐片揭示一张照片。 我发现这里的这个post需要的想法是只显示一些像素并使剩余的像素变灰 ，并得到mVChr的优秀答案。 这几乎就是我正在寻找的东西，但我想让展示的部分更大，所以完全看到图像所需的时间更少。 我需要在代码中进行哪些调整？ 有人能帮帮我吗？ 非常感谢您的努力

Answer 1

你需要改变两件事。

首先是灰色框的大小。 这是通过这个完成的

 htmlFrag += '
'; 

进入这样的事情

 htmlFrag += '
'; 

然后，您需要更改将框放入匹配的for循环

 for (var i = 0, len = $('#i').height(); i < len; i += 3) { for (var j = 0, len = $('#i').width(); j < len; j += 3) { 

变成

 for (var i = 0, len = $('#i').height(); i < len; i += 10) { for (var j = 0, len = $('#i').width(); j < len; j += 10) { 

这是一个例子！

Answer 2

这里是corsiKa的一个分支，它有一些mods，其中最重要的是像素被移除的方式，允许指定一个时间段。

还避免了像素具有id的需要，因此HTML更简单。