WordPress.org

Author: Morten Høybye Frederiksen

This shortcode, onloader, makes it possible to dynamically load extra content onto a page, with a nice spinning load indicator taking the place of the content until it is loaded.

Usage

Add a shortcode like the following to the content of a post or page.

[onloader href="..." id="..." width="..." height="..." style="..."]

The href attribute is mandatory, the rest are optional.

Attribute descriptions:

• href: The URL of the the content that should be loaded and displayed (or a string beginning with "demo").
• id: Used to differentiate between several otherwise identical shortcodes on a single page. Should be a simple text string beginning with a letter.
• width: The width of the box that will hold the load indicator and the content once it is loaded, expressed as CSS, e.g. 200px or 100%. The default value is 100%.
• height: The height of the box that will hold the load indicator and the content once it is loaded, expressed as CSS, e.g. 200px or 100%. The default value is 200px.
• style: CSS to style the box that holds the content, e.g. text-align: center; color: red.

Example

[onloader href="http://example.com/feed" id="example1" width="80%" height="15em" style="border: 1px solid blue"]