How to use background images with owl carousel

Question

I\'d like to use owl carousel with background images rather than tags, like used in http://driveshift.com/car/c10148. However, every example include

Answer 1

Check out the example code at https://owlcarousel2.github.io/OwlCarousel2/demos/lazyLoad.html

LazyLoad HTML strucutre requires class="owl-lazy" and data-src="url_to_img" or/and data-src-retina="url_to_highres_img". If you set above settings not on but on other DOM element then Owl will load an image into css inline background style.

Therefore, if you use

instead of , you'll get your desired result.

Note that you may need to add some CSS to the div for it to look correctly. Hope that helps!

0 讨论(0)

查看其它4个回答

发布评论:

提交评论

---

•  加载中...