morsel

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


MooTools Image Lazy Load WP

Daiv Mowbray

<p>Another pop over light box. Theme based, animated, automatic linking, autoplay slideshow,  built with Milkbox2 , uses mootools 1.2 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></p>
<p><strong>Support</strong></p>
<p>If you have any problems or suggestions regarding this plugin <a href="http://support.wp-superslider.com/forum/superslider-show" title="support forum" rel="nofollow ugc">please speak up</a></p>
<p><strong>NOTICE</strong></p>
<ul>
<li>The downloaded folder’s name should be superslider-milkbox</li>
<li>Also available for <a href="http://wp-superslider.com/superslider-milkbox/superslider-show-download" title="superslider-milkbox plugin home page" rel="nofollow ugc">download from here</a>.</li>
<li>Probably not compatible with plugins which use jquery. (not tested)</li>
</ul>
<p><strong>Features</strong></p>
<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>
<h3>Demos</h3>
<p>This plugin can be seen in use here:</p>
<ul>
<li><a href="http://wp-superslider.com/wp-plugins/superslider-milkbox/milkbox-demo-1" title="Demo" rel="nofollow ugc">Demo 1</a></li>
<li><a href="http://wp-superslider.com/wp-plugins/superslider-milkbox/milkbox-demo-2" title="Demo" rel="nofollow ugc">Demo 2</a></li>
<li><a href="http://wp-superslider.com/wp-plugins/superslider-milkbox/milkbox-demo-3" title="Demo" rel="nofollow ugc">Demo 3</a></li>
<li><a href="http://wp-superslider.com/wp-plugins/superslider-milkbox/milkbox-demo-4" title="Demo" rel="nofollow ugc">Demo 4</a></li>
</ul>
<h3>USAGE</h3>
<p>If you are not sure how this plugin works you may want to read the following.</p>
<ul>
<li>First ensure that you have uploaded all of the plugin files into wp-content/plugins/superslider-milkbox folder.</li>
<li>Go to your WordPress admin panel and stop in to the plugins control page. Activate the SuperSlider-Milk plugin.</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 Milkbox popover should appear.</li>
<li>Alternatively you can modify how the Milkbox popover works per post by adding a shortcode, either manually or via the Milkbox metabox available on your post screen.</li>
</ul>
<p>You should be able to view your new Milkbox popover in the new post.<br />
You can adjust how the Milkbox popover looks and works by making adjustments in the plugin settings page. (ss-Milk).</p>
<h3>OPTIONS AND CONFIGURATIONS</h3>
<p>Available under > settings > SuperSlider-Milkbox</p>
<ul>
<li>theme css files to use</li>
<li>shortcode metabox (on or off for the post / page screens)</li>
<li>autolink (add rel=”milkbox” 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><strong>numerous more Advanced design options</strong></li>
</ul>
<p>Available in the shortcode tag:</p>
<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>
<p>Create your own graphic and animation theme based on one of these provided.</p>
<p><strong>Available themes</strong></p>
<ul>
<li>default</li>
<li>blue</li>
<li>black</li>
<li>custom</li>
</ul>
<h3>To Do</h3>
<ul>
<li>Enqueue javascript files</li>
</ul>
<h3>CAVEAT</h3>
<p>Currently this plugin relies on Javascript to create the popover.<br />
If a user’s browser doesn’t support javascript the image will display normally.</p>
<h3>HISTORY</h3>
<ul>
<li>
<p>0.2 (2009/1/15)</p>
<ul>
<li>first public launch</li>
</ul>
</li>
</ul>


SuperSlider-Milkbox

pop over light box built with Milkbox 2, uses mootools 1.2

MooTools Image Lazy Load WP vs SuperSlider-Milkbox