🖼️
vue-progressive-image
v5
v5
  • Get started
  • Placeholder image
  • Lazy loading
  • Fallback image
  • Image as background
  • Adjust the blur
  • Events
  • Custom CSS class
  • Delay animation
  • CSS Variables
Powered by GitBook
On this page

Fallback image

The fallback image will help in scenarios when the browser cannot load the provided image. Instead of an empty block, it is possible to display a more appropriate image: a 404 image, an access denied image, or a more generic error fallback image.

<template>
  <ProgressiveImage
    src="https://some_url_that_will_fail/image.jpg"
    fallback-src="https://picsum.photos/id/1062/1980/1080"
  />
</template>
PreviousLazy loadingNextImage as background