vue-lazyload icon indicating copy to clipboard operation
vue-lazyload copied to clipboard

Font Awesome icons on loading, error?

Open BonBonSlick opened this issue 4 years ago • 1 comments

Tell me please, is there any way to put font awesome spinners in center in place of iamges?

EG


Vue.use(VueLazyLoad, {
  error:             'static/error.png',
  loading:           '<em class="fa fa-spinner fa-spin fa-3x"/>',
  loaded:            '<em class="fa fa-spinner fa-spin fa-3x"/>',

Or maybe somehow with CSS styles?


img[lazy=loading]:before {
  color: black;
  background: black;
  content: '<em class="fa fa-spinner fa-spin fa-3x"/>';
}

BonBonSlick avatar Jan 04 '20 17:01 BonBonSlick

Hi @BonBonSlick , did you find a solution for this?

lucianobosco avatar Apr 21 '21 16:04 lucianobosco