Q&A
プラグイン／ライブラリは似た名前のものもあるため、取得した場所のURLを質問文に追記ください。（URLにはリンクを張ることができます）
jQueryのlazyloadで、画像が表示しません。
dammy.jpgは表示されていますが、画像がきりかわりません。
どこが間違っているのでしょうか？
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <script src="jquery.js"></script> <script src="lazyload.js"></script> <script type="text/javascript"> $(function(){ $("img.lazy").lazyload(); }); </script> </head> <body> <img src="dammy.jpg" class="lazy" data-original="a1.jpg"> <br> <img src="dammy.jpg" class="lazy" data-original="a2.jpg"> <br> <img src="dammy.jpg" class="lazy" data-original="a3.jpg"> <br> <img src="dammy.jpg" class="lazy" data-original="a4.jpg"> </body> </html>
lazyloadのダウンロード先
https://github.com/tuupola/jquery_lazyload
jQuery 3.3.1でテスト
jQuery1でもテストしました。
回答1件
0
ベストアンサー
動くサンプル：https://jsfiddle.net/p3vy04ks/
提示されたコードで動作します。
画像パスやjsのパスを確認してみてください。
投稿2018/12/16 07:22
総合スコア69407
＞画像パスやjsのパスを確認してみてください。
すべて同階層においています。
IEはサポートしていないようですが、ブラウザはどれでしょうか。
クロームとfirefoxです。
最新版は動作しませんね。CDNにある少し前のバージョンでは動きました。
https://cdnjs.cloudflare.com/ajax/libs/jquery_lazyload/1.9.7/jquery.lazyload.min.js
他のライブラリも試してみてはいかがでしょうか。
【LP高速化のために5つの画像の遅延読み込みライブラリを比較した - Qiita】
https://qiita.com/tkhr/items/4b5e7f2a384dc4fccb20
ありがとうございます。少し前のバージョンで画像が表示されました。
ヽ(ﾟ∀ﾟ)ﾉ うぇ──────ぃ♪
あなたの回答
tips
プレビュー
