Question

我试图逐张揭示一张照片。我在这里找到了这个帖子need ideas to only display some pixels and gray out the remaining pixels，mVChr给出了很好的答案。这几乎就是我正在寻找的东西，但我想让展示的部分更大，所以完全看到图像所需的时间更少。我需要在代码中调整什么？有人能帮帮我吗？非常感谢您的努力

Answer 1

你需要改变两件事。

首先是灰色框的大小。这是用这个

完成的

htmlFrag += '<div id="'+id+'" class="pix" ' +
            'style="width:3px;height:3px;position:absolute;' +
            'left:'+j+'px;top:'+i+'px;"></div>';

进入类似的事情

htmlFrag += '<div id="'+id+'" class="pix" ' +
            'style="width:10px;height:10px;position:absolute;' +
            'left:'+j+'px;top:'+i+'px;"></div>';

然后你需要更改将框放入匹配的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) {

Here's the example !

Answer 2

这是一个带有一些mod的branch of corsiKa's fiddle，其中最重要的是删除像素的方式，允许指定一个时间段。

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

一张照片显示一张照片

2 个答案: