YCodaLazy 2.0 - A plugin for YCodeSlider 2.0

Copyright (c) 2008 Massimiliano Balestrieri
Examples and docs at: http://maxb.net/blog/
Licensed GPL licenses:
http://www.gnu.org/licenses/gpl.html

Basic usage:

jQuery(document).ready(function() {

    YCodaSlider.Lazy.init("div#yslider-gallery1",{
            threshold   : 0, 
            placeholder : "../../skins/base/images/grey.gif",
            effect      : "fadeIn",
            effectspeed : "slow"
    });
});
jQuery(window).bind("load", function() {
    jQuery("div#yslider-gallery1").ycodagallery().ycodaslider();
});
        

Lazyload explanation

Examples

• Lazyload explanation
• Simple Example

Js

jQuery(document).ready(function() {

    YCodaSlider.Lazy.init("div#yslider-gallery1",{
            threshold   : 0, 
            placeholder : "../../skins/base/images/grey.gif",
            effect      : "fadeIn",
            effectspeed : "slow"
    });
});
jQuery(window).bind("load", function() {
    jQuery("div#yslider-gallery1").ycodagallery().ycodaslider();
});

Html:

<div class="ycodaslider">
    <img alt="new Mikado logo 600 3D"  src="http://maxb.net//repository/images/14.jpg" />
    <!-- [...] -->
</div>

Skin css via javascript (not in document.ready! load after ycodaslider script inclusion):

YCodaSlider.Base.css('../../skins/base/skin.css');

Basic scripts (use packed version in production):

<script src="../../lib/jquery-1.2.3.pack.js" type="text/javascript"></script>
<script src="../../ycodaslider-2.0.js" type="text/javascript"></script>
<script src="../../plugins/gallery-ycodaslider-2.0.js" type="text/javascript"></script>
<script src="../../plugins/lazy-ycodaslider-2.0.js" type="text/javascript"></script>

Full options scripts (use packed version in production):

<script src="../../lib/jquery-1.2.3.pack.js" type="text/javascript"></script>
<script src="../../lib/jquery.dimensions.pack.js" type="text/javascript"></script>
<script src="../../lib/jquery-easing-1.3.pack.js" type="text/javascript"></script>
<script src="../../lib/jquery.history_remote.pack.js" type="text/javascript"></script>
<script src="../../lib/ui/ui.pack.js" type="text/javascript"></script>
<script src="../../ycodaslider-2.0.pack.js" type="text/javascript"></script>
<script src="../../plugins/lazy-ycodaslider-2.0.pack.js" type="text/javascript"></script>
<script src="../../plugins/gallery-ycodaslider-2.0.pack.js" type="text/javascript"></script>