Riloadr for WordPress - A cross-browser responsive images loader for WordPress 3.0+.
PHP JavaScript
Pull request Compare This branch is 9 commits ahead, 50 commits behind tubalmartin:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Riloadr for WordPress

Riloadr for WordPress is a cross-browser responsive images loader for WordPress 3.0.0 and up.

A cross-browser jQuery responsive images loader for WordPress: 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.

This modification is optimized for use with image sizes defined by WordPress via add_image_size().

Table of Contents

  1. Features
  2. How to use
  3. Compatability
  4. Changelog
  5. License

1. Features

  • jQuery Optimized: Uses WordPress' built-in jQuery to integrate with Riloadr.
  • Easy to configure: Optimize your templates and include the required files and you're done.
  • Limit application: The technique will only be applied to images with the class riloadr
  • Solid foundation: The plugin is built with scribu/wp-scb-framework
  • Mirrors the original: The rest of the features are equivalent to the ones at tubalmartin/riloadr

2. How to use

  1. Upload the riloadr-for-wordpress folder to your plugins directory (ie. /wp-content/plugins/)
  2. Activate the plugin through the 'Plugins' menu in WordPress
  3. Set options from the Settings->Riloadr menu
  4. Make sure your stylesheet is set up with the following CSS:
    img {max-width: 100%;}
    .lt-ie8 img{-ms-interpolation-mode: bicubic;}
    .lt-ie7 img{width: 100%;}

3. Compatability

This technique is tested to work with WordPress 3.3.2+, but should theoretically be backwards compatible to 3.0.

As per tubalmartin/riloadr the following browsers have been tested:

Mobile browsers

  • Webkit mobile (iOS and Android)
  • Opera Mini (iOS and Android). Yes, it sounds incredible!!
  • Opera Mobile (iOS and Android)
  • Firefox mobile (Android)
  • Netfront Life browser v2 (Android)
  • Dolphin Browser HD (iOS and Android)
  • UC Browser 8+ (Android)

Desktop browsers

  • Internet Explorer 6+
  • Firefox (Mac and Win)
  • Google Chrome (Mac and Win)
  • Safari (Mac and Win)
  • Opera (Mac and Win)

4. Changelog

Mirrors the changelog at Uses Semantic Versioning.


  • Core script updated to Riloadr version 1.3.2.


  • Plugin is now considered stable.
  • Core script updated to Riloadr version 1.2.0.
  • Script is now minified by default, see GitHub/OleVik/riloadr-wordpress for uncompressed script.
  • Introduces the experimental ignoreLowBandwidth feature.
  • Bugfix for the belowFold option.


Bug Fix Release:
  • Core script updated to Riloadr version 1.1.0.
  • Simplified sizing method.
  • Horizontal and Vertical images should now both have Riloadr applied, irrespective of captions.


Bug Fix Release:
  • Riloadr is now applied to images outside of captions.
  • Horizontal and Vertical images should now both have Riloadr applied.
  • Added fallback to original size image, when all else fails.


  • Public Beta


  • Private Beta

Pre 1.0.0

  • Private Development

5. License

Copyright (c) 2012 Tubal Martin, Ole Vik

Riloadr for Wordpress is licensed under the MIT license, the plugin itself is licensed as GPLv2.