jquery - 写真を1枚ずつ表示する

Question

私は一枚一枚写真を公開しようとしています。このスレッドには、一部のピクセルのみを表示し、残りのピクセルをグレー表示するためのアイデアが必要であることがわかりました。mVChrからの優れた回答があります。これはほぼ私が探しているものですが、露出部分を大きくしたいので、画像を完全に見るのにかかる時間は短くなります。コードに何を適応させる必要がありますか？誰か私を助けることができますか？努力してくれてありがとう

Answer 1

2 つのことを変更する必要があります。

まず、灰色のボックスのサイズです。これで完了です

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) {

これが例です！

Answer 2

これは、いくつかの mod を使用したcorsiKa のフィドルのブランチです。最も重要なのは、期間を指定できるようにピクセルを削除する方法です。

ピクセルに ID を付ける必要もなくなるため、HTML はよりシンプルになります。