Ng-lazyload-image: Rappel lorsque l'image est chargée

Créé le 18 juil. 2017  ·  5Commentaires  ·  Source: tjoskar/ng-lazyload-image

Bonjour, qu'en est-il de l'option d'implémentation pour être averti lorsque l'image a été chargée ? Il sera très utile dans de nombreux cas.
Je vous propose cet exemple d'utilisation :

@Component({
    selector: 'image',
    template: `
      <div [hidden]="isLoading">
        <img 
          [defaultImage]="defaultImage" 
          [lazyLoad]="image" 
          [offset]="offset"
          (onLoad)="onImageLoad()" />
      </div>
      <div *ngIf="isLoading">
        <loader></loader>
      </div>
    `
})
class ImageComponent {
    defaultImage = 'https://www.placecage.com/1000/1000';
    image = 'https://images.unsplash.com/photo-1443890923422-7819ed4101c0?fm=jpg';
    offset = 100;
    isLoading = true;

    onImageLoad() {
      this.isLoading = false;
    }
}

Si l'idée est bonne, alors je pourrais faire une pull request, si nécessaire.

Commentaire le plus utile

Salut,
J'y ai pensé et je peux voir un cas d'utilisation. J'accepte volontiers les pull requests :). Cela devrait être assez facile à mettre en œuvre puisque cet observateur est émis lorsque l'image est chargée : https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.directive.ts#L37

Tous les 5 commentaires

Salut,
J'y ai pensé et je peux voir un cas d'utilisation. J'accepte volontiers les pull requests :). Cela devrait être assez facile à mettre en œuvre puisque cet observateur est émis lorsque l'image est chargée : https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.directive.ts#L37

Besoin de ça aussi! Commentant aussi pour que je sache quand il est fusionné.

Corrigé dans #177

Inclus dans 3.2.0
Merci @rimlin

Cette page vous a été utile?
0 / 5 - 0 notes