carouFredSel jQuery プラグインで作成されたカルーセル内にある画像の遅延読み込みを実装しようとしています。
何かアドバイスはありますか、それともすでに似たようなことを達成していますか? デフォルトではできないようです。
carouFredSel jQuery プラグインで作成されたカルーセル内にある画像の遅延読み込みを実装しようとしています。
何かアドバイスはありますか、それともすでに似たようなことを達成していますか? デフォルトではできないようです。
@Stefano-これまでに何を試しましたか? (できればコードを示してください)。何が起こっているのかを正確に把握するのに役立ちます。
遅延読み込みの経験則として、HTML の src として次のようなプレースホルダー画像を配置してくださいsrc="img/grey.gif"
。この画像は何でもかまいませんが、ほとんどの人は、サーバーが転送するためにライトの代わりに小さな 1 ピクセルのボックスを使用します。<img>
次のように、HTML の src に特定のクラスをバインドすることもお勧めしますclass="lazy"
。
html src の例:
<img class="lazy" src="img/grey.gif" data-original="img/example.jpg" width="640" height="480">
次に、jquery関数に入れます-
$("img.lazy").lazyload(); //this is why the binding of a class is helpful
こことここに参考文献があります。Fred との lazyload() に関する特定の質問がある場合は、コードを投稿してください。