RFI-helper - Responsive Floating Images is a jQuery plugin designed to maintain readable space between text and floating images. It automatically adjusts image sizes within permitted limits to preserve the available text area.

When an image can no longer be reduced enough to maintain the required text space, the plugin can cancel the floating behavior, restore the image to its original size, and center it within the column.

The plugin automatically recalculates its layout when the browser window is resized or its orientation changes.

Key Highlights

• Automatically manages space between text and floating images.

• Adjusts floating image sizes within configured limits.

• Supports both left and right floating images.

• Can cancel floating when the available text space becomes too narrow.

• Restores the image to its original size when floating is cancelled.

• Centers images when floating is no longer practical.

• Provides responsive styling for floating images.

• Supports different styles for floating and non-floating images.

• Supports separate styling for left and right floating images.

• Compatible with WordPress.

• Provides configurable spacing, indentation, margins and image size limits.

Included

The source describes the product as a jQuery plugin with its JavaScript implementation and configurable options. Usage examples and settings are included in the product documentation.

Installation

Load the plugin after jQuery and initialize it on the desired images or image-containing elements. The source provides examples such as applying rfiHelper() to images inside a content container.

The plugin recalculates its layout automatically on browser resize and orientation-change events.

• Responsive floating image management

• Maintains minimum text space beside images

• Automatically reduces image size when necessary

• Cancels floating when further reduction is not possible

• Restores the image to its original size when floating is cancelled

• Centers images after floating is cancelled

• Supports left and right image floating

• Works with images inside links or floating div wrappers

• Provides table-style text formatting beside images

• Supports responsive styles for floating images

• Allows different styles for floating and unfloating images

• Supports separate left and right floating classes

• Compatible with WordPress

• Configurable minimum text space

• Configurable image indentation and margins

• Configurable minimum and maximum image sizes

• Configurable image reduction ratio

• Supports custom floating and non-floating CSS classes

• Recalculates layout on window resize

• Recalculates layout on orientation change

• jQuery 1.7.0 or later

• A web page capable of loading JavaScript and jQuery

• The plugin should be initialized after the required jQuery library is loaded