Riloadr: cross-browser responsive images loader

Riloadr is a cross-browser framework-independent responsive images loader written in Javascript. The goal of this library is to deliver optimized, contextual image sizes in responsive layouts that utilize dramatically different image sizes at different resolutions in order to improve page load time.

Features:

  • No dependencies: Just Javascript, HTML and CSS
  • Absolute control: Riloadr will process only the images you tell it to
  • Unlimited breakpoints: Set the breakpoints you need
  • Mimics CSS: Riloadr computes the viewport’s width in CSS pixels and finds out the optimal image size for the viewport according to the breakpoints you set through the breakpoints option
  • One request per image: Riloadr does not make multiple requests for the same image
  • Lazy load of images: Riloadr gives you the option to defer the load of all images in a group (faster page load)
  • Legacy content & multiple image sizes: A fallbacks system allows you to use Riloadr on any website or webapp
  • Image retries: You can configure any Riloadr object to retry n times the loading of an image if it failed to load
  • Useful callbacks: Riloadr allows you to attach callbacks for the onload and onerror image events. You can also set an oncomplete callback that fires when all images in a group are completely loaded
  • Support for browsers with no Javascript support or Javascript disabled: Use the noscript tag OR add and set the src attribute with the smallest image
  • No UA sniffing: Riloadr does not use device detection through user-agents

Leave a Reply