Owl Carousel 2 をダウンロードして、インラインの背景画像を含むカルーセルを作成しました。http://www.owlcarousel.owlgraphic.com/demos/lazyLoad.htmlにあるドキュメントをよく読みました。
それは言います:
LazyLoad HTML 構造には、class="owl-lazy" および data-src="url_to_img" または data-src-retina="url_to_highres_img" が必要です。上記の設定を on ではなく他の DOM 要素に設定すると、Owl は画像を css インライン背景スタイルに読み込みます。
これが私のJSの初期化です:
$('.owl-carousel').owlCarousel({
lazyLoad: true,
margin: 20,
loop: false,
nav: false,
items: 3,
});
私のHTMLコード:
<div class="owl-lazy" data-src="images/carousel/default/default04.png" data-src-retina="images/carousel/default/default04.png" alt=""></div>
しかし、divに挿入されたその画像をロードしていません。私はグーグルでそれを検索しましたが、すべて静脈です。現在は機能していません。更新の失敗か何かである可能性があります。それとも、何かが足りないのでしょうか?