Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

miércoles, 12 de mayo de 2010

Galleria | un script para galería de imágenes

— A JavaScript gallery for the Fastidious

Galleria | un script para galería de imágenes

La versión 1.0 de Galleria comenzó siendo desarrollada como un hobby—un pasatiempo, allá por el 2007—sin embargo, ya con la versión 1.2 este script lleva ya, poco más de 500.000 descargas y contando...

Actualmente en beta, es de esperar que para el mes que viene—junio del 2010—podamos contar con una versión estabable.

No obstante, la simplicidad de la implementación bien califica a este script como:
—Una galería en JavaScript para el escrupoloso

<!DOCTYPE html>
<html lang="sv">
<head>
<title>Galleria Classic Theme Demo 01</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="/media/galleria/src/galleria.js"></script>
<style>
html,body{background:#111}
#galleria{width:700px;margin:20px auto}
</style>
</head>

<body>
<div id="galleria"></div>
<script>
Galleria.loadTheme('/media/galleria/src/themes/classic/galleria.classic.js');
Galleria.flickr.search('fddd7bc223fe37295faace93a4f2d8fc', {
text:'toys'
}, function(data) {
$('#galleria').galleria({
data_source:data
});
});
</script>
</body>
</html>

Ver ejemplo | Galleria Classic Theme Demo 01

Nótese como con un markup mínimo toma una galería desde Flickr y contruye el slideshow.
Obviamente, también soporta la inserción de las imágenes mediante el conocido marcado:


<div class="images">
<img src="imagen-1.jpg">
<img src="imagen-2.jpg">
</div>


Otros ejemplos:


Sitio Web | Galleria
Share:

Publicidad

Estadísticas