bxGallery : Simple jQuery image gallery

bxGallery, un plugin jQuery de tan solo 4kb que les permitirá crear y diseñar galerías de imágenes para sus productos y/o porfolios. Posee bellos efectos y puede configurarse a gusto. Algunas de sus características:

1. Cross browser (incluyendo IE6)
2. Crea una lista con las miniaturas automaticamente
3. Configuras el tamaño máximo de las imágenes
4. Asignas la clase que desees al contendor
5. Configuras la opacidad de las thumbnails
6. Defines la imagen que se mostrará para precarga
7. Asignas dimensiones para la lista, imágenes, contendores

Ver Demo InfectedFX - Otros demos

Uso

PLAIN TEXT

JavaScript:

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.bxGallery.min.js"></script>

Nuestra estructura

 

PLAIN TEXT

HTML:

 

<ul id="myID">
  <li><img src="Fotos/Fotonumero01.png" alt="imagen01" width="400" height="400" /></li>
  <li><img src="Fotos/Fotonumer02.png" alt="imagen02" width="400" height="400" /></li>
  <li><img src="Fotos/Fotonumer03.png" alt="imagen03" width="400" height="400" /></li>
</ul>

Función para que se ejecute nuestra galería

PLAIN TEXT

JavaScript:

 

$(document).ready(function(){
    $('#myID').bxGallery();
});

Mas info y Descarga bxgalleryplugin.com