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:
- Cross browser (incluyendo IE6)
- Crea una lista con las miniaturas automaticamente
- Configuras el tamaño máximo de las imágenes
- Asignas la clase que desees al contendor
- Configuras la opacidad de las thumbnails
- Defines la imagen que se mostrará para precarga
- Asignas dimensiones para la lista, imágenes, contendores
Ver Demo InfectedFX - Otros demos
Uso
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>
<script type="text/javascript" src="js/jquery.bxGallery.min.js"></script>
Nuestra estructura
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>
<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();
});
$('#myID').bxGallery();
});
Mas info y Descarga bxgalleryplugin.com
Via bxGallery : Galería de imágenes con jQuery by InfectedFX
Loading ...
Tweets that mention bxGallery : Simple jQuery image gallery -- Topsy.com
22-01-2010
Permalink
[...] This post was mentioned on Twitter by Allen Zapien and rpulido, jQueryBuzz. jQueryBuzz said: bxGallery : Simple jQuery image gallery http://bit.ly/8wXomt [...]
Diseño web
22-01-2010
Permalink
Interesante script, nunca están de mas.
acristalamiento fachadas
22-01-2010
Permalink
Una galería fotográfica sencilla visualmente, pero muy práctica. Quizás la pruebe en mi sitio web.
Un saludo y gracias por el aporte.