0

ページ上のすべての画像をターゲットにしているように見える遅延読み込みプラグインがあります。そのため、下にスクロールすると、画像のみが表示されます。

私の問題は、クリックすると変化する画像があることです。より具体的には、「投票」画像をクリックすると、まったく同じ場所 (および同じサイズ) の別の「投票済み」画像に置き換えられます。

新しい「投票済み」画像が表示されると、最初は同じ場所に表示されていても表示されません。ページをスクロールするとすぐに表示されます (任意の方向)。

これを回避する方法があるかどうか知りたいですか？スクロールせずに画像を瞬時に表示したい。遅延読み込みプラグインがそれを確実に無視するように、「投票済み」ボタンにクラスまたは ID を追加することを考えました。

  • 遅延ロード プラグインは、私が使用しているテンプレートに含まれているため、実際にどのように機能するのか不明であるため、詳しくはわかりません。私はそれがimgタグをターゲットにしていると思いますが。
4

3 に答える 3

1

遅延読み込みをいじる代わりに、CSS スプライトを使用してこの問題を解決できます。

CSS スプライトの基本的な考え方は、複数の異なる画像ではなく、同じ画像の異なる部分を表示することです。

于 2012-12-01T17:54:05.570 に答える
0

ドキュメントによると、遅延ロードされたイメージに特定のクラスを与えることをお勧めします。このようにして、どの画像プラグインをバインドするかを簡単に制御できます。例えば：

<img class="lazy" src="img/grey.gif" data-original="img/example.jpg" width="640" height="480">

次に、コードで次のことを行います。

$("img.lazy").lazyload();

Lazy LoadはjQueryプラグインであるため、任意のjQueryセレクターを使用できます。

于 2013-01-27T11:40:48.067 に答える
0

ここで抱えていた問題を解決しました。

解決策は次のとおりです。

$('img.lazy:not(.notlazy)')

示されているように：ここ

于 2012-12-02T12:42:15.690 に答える