b-carousel-slide :img-src lazy-loading

I would like to have my (dozens+) carousels images being lazy loaded rather than blocking rendering. I don’t know if it’s impossible or just undocumented (there is no *lazy* on carousel documentation) Any hint welcome.

[tmorehouse]

B-Carousel-slide code is at https://github.com/bootstrap-vue/bootstrap-vue/blob/dev/lib/components/carousel-slide.vue

      <b-carousel-slide>
        <img slot="img" class="d-block img-fluid w-100" width="1024" height="480"
             src="https://lorempixel.com/1024/480/technics/5/" alt="image slot">
      </b-carousel-slide>

You can just replace <img ...> above with <b-img-lazy ...> but you should set the width and height of the original image on b-img-lazy so that the carousel will be sized correctly (as carousel itself doesn’t have a defined siz, and if a size for image is set, it only applies to the image specified via the img-src props. All of your slide images should be the same dimensions, and should have the fluid or fluid-grop prop set.

[tvld]

Seems that this works fine, no need for setInterval():

    methods: {
      onSlideStart (slide) {
        this.sliding = true
        // for laxy loading, we invoke scroll event (ignore Lint Error... it seem to work ok)
        /* global Event */
        window.dispatchEvent(new Event("scroll"))
      },