Skip to content

bxGallery : Simple jQuery image gallery

5 febrero, 2010

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

Uso

JavaScript:

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

Estructura de ejemplo:

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

JavaScript:

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

From → JQuery

Dejar un comentario

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: