0

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に挿入されたその画像をロードしていません。私はグーグルでそれを検索しましたが、すべて静脈です。現在は機能していません。更新の失敗か何かである可能性があります。それとも、何かが足りないのでしょうか?

4

1 に答える 1