la codeteca
Compartir:

Galeria de imágenes

En el head:
<!-- least.js CSS-file -->
<link href="css/least.min.css" rel="stylesheet" />
<!-- jQuery libary -->
<script src="http://code.jquery.com/jquery-latest.js" defer="defer"></script>
<!-- least.js JS-file -->
<script src="js/least.min.js" defer="defer">
<!-- Lazyload JS-file -->
<script src="js/jquery.lazyload.min.js" defer="defer">
<section>
    <ul id="gallery">
        <li id="fullPreview">
        
        <li>
            <a href="img/full/1.jpg">
            <img data-original="img/thumb/1.jpg" src="img/effects/white.gif" width="240" height="150" alt="Ocean" />
            
            <div class="overLayer"></div>
            <div class="infoLayer">
                <ul>
                    <li>
                        <h2>
                            Ocean
                        </h2>
                    </li>
                    <li>
                        <p>
                            View Picture
                        </p>
                    </li>
                </ul>
            </div>
            
            <div class="projectInfo">
                <strong>
                    Day, Month, Year:
                </strong> sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
            </div>
        </li>
    </ul>
</section>
Ahora llamamos a la librería con:
$(document).ready(function(){
    $('#gallery').least();
});
Puedes descargar la libreria, ver ejemplos y leer más sobre ello en: Este enlace