morsel

add lazy loading to WP, more info at http://davidwalsh.name/mootools-lazyload

MooTools Image Lazy Load WP

Daiv Mowbray

Another pop over light box. Theme based, animated, automatic linking, autoplay slideshow, built with Slimbox2 , uses mootools 1.4.5 java script. This plugin is part of the SuperSlider series. Get more supersliders at <a href="https://wordpress.org/extend/plugins/superslider/" title="SuperSliders" rel="ugc">supersliders</a>
Support
If you have any problems or suggestions regarding this plugin <a href="https://wordpress.org/extend/plugins/superslider-slimbox/" title="support forum" rel="ugc">please speak up</a>
Plugins 
Download These Plugins here:
<ul>
<li><a href="https://wordpress.org/extend/plugins/superslider-show/" title="SuperSlider-Show" rel="ugc">SuperSlider-Show</a></li>
<li><a href="https://wordpress.org/extend/plugins/superslider-menu/" title="SuperSlider-Menu" rel="ugc">SuperSlider-Menu</a></li>
<li><a href="https://wordpress.org/extend/plugins/superslider-excerpt/" title="SuperSlider-Excerpt" rel="ugc">SuperSlider-Excerpt</a></li>
</ul>
NOTICE
<ul>
<li>The downloaded folder’s name should be superslider-slimbox</li>
<li>Probably not compatible with plugins which use jquery. (not tested)</li>
</ul>
Features
<ul>
<li>complete global control from options page</li>
<li>full short code over ride per post</li>
<li>Endless image animation/transition possibilities</li>
<li>Control transition time, image display time.</li>
<li>Uses WordPress native media / images</li>
</ul>
Demos
This plugin can be seen in use here:
<ul>
<li><a href="http://superslider.daivmowbray.com/wp-plugins/superslider-slimbox/slimbox-demo-1" title="Demo" rel="nofollow ugc">Demo 1</a></li>
</ul>
<h3>USAGE</h3>
If you are not sure how this plugin works you may want to read the following.
<ul>
<li>First ensure that you have uploaded all of the plugin files into wp-content/plugins/superslider-slimbox folder.</li>
<li>Go to your WordPress admin panel and stop in to the plugins control page. Activate the SuperSlider-Slimbox plugin.</li>
<li>Go to the SuperSlider-Slimbox settings page and set the auto slimbox option to on.</li>
<li>Create a new post, use the WordPress built in media uploader, (upload some images).</li>
<li>Click on insert image from the media uploader popover panel.</li>
<li>Publish your new post, click on your image, and your new Slimbox popover should appear.</li>
<li>Alternatively you can modify how the Slimbox popover works per post by adding a shortcode, either manually or via the Slimbox metabox available on your post screen.</li>
</ul>
You should be able to view your new Slimbox popover in the new post. 
You can adjust how the Slimbox popover looks and works by making adjustments in the plugin settings page. (ss-Milk).
<h3>OPTIONS AND CONFIGURATIONS</h3>
Available under > settings > SuperSlider-Slimbox
<ul>
<li>theme css files to use</li>
<li>shortcode metabox (on or off for the post / page screens)</li>
<li>autolink (add rel=”slimbox” automatically to images)</li>
<li>transition type</li>
<li>transition speed</li>
<li>display time</li>
<li>Overlay opacity</li>
<li>transition time</li>
<li>image border width</li>
<li>image border color</li>
<li>image padding</li>
<li>to load or not Mootools.js</li>
<li>css files storage loaction</li>
<li>numerous more Advanced design options</li>
</ul>
Available in the shortcode tag:
<ul>
<li>start height=”40″</li>
<li>start width=”20″</li>
<li>Overlay opacity</li>
<li>transition=”elastic:In:Out”</li>
<li>image delay=”milliseconds”</li>
<li>transition duration=”milliseconds”</li>
<li>image border width</li>
<li>image border color</li>
<li>image padding</li>
<li>titles=”true”</li>
</ul>
<h3>Themes</h3>
Create your own graphic and animation theme based on one of these provided.
Available themes
<ul>
<li>default</li>
<li>blue</li>
<li>black</li>
<li>custom</li>
</ul>
<h3>To Do</h3>
<h3>CAVEAT</h3>
Currently this plugin relies on Javascript to create the popover. 
If a user’s browser doesn’t support javascript the image will display normally.
<h3>HISTORY</h3>
<ul>
<li>
1.5 (2012/12/20)
<ul>
<li>upgraded to mootools 1.4.5</li>
<li>upgraded to WordPress 3.4.2</li>
</ul>
</li>
<li>
1.4 (2010/06/02)
<ul>
<li>fixed link to settings page</li>
<li>added save options upon deactivation option</li>
</ul>
</li>
<li>
1.3 (2010/04/10)
<ul>
<li>upgraded admin options screen</li>
<li>upgraded admin post screen meta box shortcode helper</li>
</ul>
</li>
<li>
1.0 (2009/10/10)
<ul>
<li>fixed the auto scan</li>
<li>added manual scan on / off option</li>
<li>improved general functionality</li>
</ul>
</li>
<li>
0.7 (2009/09/27)
<ul>
<li>fixed a css path error</li>
</ul>
</li>
<li>
0.6 (2009/07/27)
<ul>
<li>updated mootools to 1.2.3</li>
</ul>
</li>
<li>
0.5 (2009/02/03)
<ul>
<li>Added insert at cursor for the shortcode metabox</li>
</ul>
</li>
<li>
0.4 (2009/1/26)
<ul>
<li>fixed various bugs</li>
<li>upgraded slimbox js file</li>
</ul>
</li>
<li>
0.3 (2009/1/23)
<ul>
<li>fixed various bugs</li>
</ul>
</li>
<li>
0.2 (2009/1/15)
<ul>
<li>first public launch</li>
</ul>
</li>
</ul>

SuperSlider-Slimbox

pop over light box built with Slimbox 2, uses mootools 1.4.5

MooTools Image Lazy Load WP vs SuperSlider-Slimbox