0

元の appelsiini.net の LazyLoad プラグインの使用に問題があります。

の構造を利用する場合

<img... />
<img... />
<img... />

上記は機能します。しかし、私は必要な別の構造を持っています。

<div class="col-2-3">
    <img lazyload-img ...>
<div>
<div class="col-1-3">
    <p>Title+desc for image</p>
<div>

しかし、この使用法では、運がありません。私は選択肢を見て、答えを見つけようとしました。しかし、しませんでした。

LazyLoad は連続する img タグのみに適用されますか? それとも、これは div でラップされた img タグでは実行できませんか?

ありがとうございました。

4

3 に答える 3

0

すべてについて何も理解できなくなるまで、さまざまなことを試しました。

しかし、後で元に戻すと、動作するようになりました。ただし、コンテナやその他の特別なオプションを追加することによってではありません。

どうにかしていくつかのコンテナに clearfix を追加することと関係があるのではないかと思います。

ご回答ありがとうございます。

好奇心旺盛な方のために URL を示します ;) http://snickerietivarberg.se/wordpress/referenser/trapp-trappracken/?codekitCB=400070072.155490

于 2013-09-05T11:36:26.210 に答える
0

プラグインページからこのテクニックを試しましたか?

画像が連続していない場合

ページをスクロールした後、Lazy Load はアンロードされた画像をループします。ループでは、画像が表示されているかどうかを確認します。デフォルトでは、最初の画像 (非表示) が見つかったときにループが停止します。これは、次の仮定に基づいています。ページ上の画像の順序は、HTML コードの画像の順序と同じです。一部のレイアウトの仮定では、これは間違っている可能性があります。failure_limit オプションで読み込み動作を制御できます。

$("img.lazy").lazyload({ failure_limit : 10 });

failure_limit を 10 に設定すると、スクロールしなければ見えない位置に 10 個の画像が見つかった後、プラグインは読み込む画像の検索を停止します。ファンキーなレイアウトの場合は、この数値を高い値に設定してください。

于 2013-09-04T14:12:37.203 に答える
0

Lazy Load 1.8.0 を使用している場合は、コンテナを指定できます

$(".col-2-3 img").lazyload({ container: $(".col-2-3") });

動作する遅延ロードを初期化するために使用される jQuery を確認すると役立ちます。

于 2013-09-04T14:27:28.327 に答える