0

私は画像にArialFleserのlazyloadを使用しており、それは完全に機能しますが、特定の画像を水平アコーディオンやdivを水平に移動するものなど、他の何かの中に配置することにした場合は常に問題があります。画像は垂直スクロールによってビューポートに表示されますが、たとえば、jQuery関数を介してcss left -1500pxから水平方向に画像が表示される場合、最終的には画像プレースホルダーだけになります。次に、画像が読み込まれるように、少なくとも1ピクセル上下にスクロールする必要があります。

特定のコンテナを1ピクセルスクロールアップまたはスクロールダウンさせる安っぽいハックを理解する前に、私は尋ねると思いました:単なるスクロールアクション以上のものを理解するようにlazyloadに指示する方法が必要ですか?画像が表示されるとすぐに(ただし、手段によって)画像が読み込まれます。または何であれ、少し安っぽくても、私はどんな創造的な解決策にも行きます。

4

1 に答える 1

0

私があなたの要求を誤解した場合はお詫びしますが、あなたが説明しているインスタンス(私は思う)で動作するように設定できるいくつかのレイジーロードオプションがあると思います:

1つ目は、水平スクロールdivのような実装用で、次のように、lazyloadにそのdivで動作するように指示する必要があります。

$("img.needstoload").lazyload({         
     container: $("#scrollydivid")
});

'skip_invisible'パラメータもあります。lazyloadはデフォルトで非表示の画像を無視するため(垂直方向にスクロールするまで、画像を再チェックしてロードする必要があるかどうかを確認する場合)...

于 2012-09-19T20:53:22.330 に答える