Open MrHOY opened 2 years ago
Version: "ng-lazyload-image": "^9.1.1", "ngx-swiper-wrapper": "^10.0.0", "@angular/*": "13.0.2" "rxjs": "6.6.0",
I used ngx-swiper-wrapper directive to show list image, but some image still show image default instead of lazyload
component.html:
<div class="swiper-responsive-breakpoints swiper-container" [swiper]="swiperResponsive"> <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide-gallery relative" *ngFor="let item of galleries"> <img class="img-gallery" [defaultImage]="'assets/images/loading-image.gif'" [lazyLoad]="item?.image?.image_s3_url" [scrollObservable]="scrollObservable" alt="banner" /> </div> </div> </div>
I try set : this.scrollObservable = fromEvent(document.getElementsByClassName('swiper-container')[0], 'slideNextTransitionEnd');
but it doesn't work anymore
Hi @MrHOY, Is it possible for you to create a small project where you can reproduce this issue?
Put the loop: false;
Version: "ng-lazyload-image": "^9.1.1", "ngx-swiper-wrapper": "^10.0.0", "@angular/*": "13.0.2" "rxjs": "6.6.0",
I used ngx-swiper-wrapper directive to show list image, but some image still show image default instead of lazyload
component.html:
I try set : this.scrollObservable = fromEvent(document.getElementsByClassName('swiper-container')[0], 'slideNextTransitionEnd');
but it doesn't work anymore