jQuery Cycle Plugin

Jquery Cycle es una galería muy fácil de implementar en un desarrollo web y con la que lograrás unos efectos simples pero muy interesantes.

Basta con implementar los estilos que queramos personalizar:

<style type=”text/css”>
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
</style>

Enlazar los scripst:

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js“></script>

<!– include Cycle plugin –>
<script type=”text/javascript” src=”http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.72.js“></script>

Crear los efectos que deseemos (aqui una lista de los disponibles)

<script type=”text/javascript”>
$(document).ready(function() {
$(‘.slideshow’).cycle({
fx: ‘fade’ // aqui puedes poner el que quieras por ej: fade, scrollUp, shuffle, etc…

});
});
</script>

y finalmente en su DIV correspondiente colocar la lista de imagenes que irán pasando.

<div class=”slideshow”>
<img src=”http://cloud.github.com/downloads/malsup/cycle/beach1.jpg” width=”200″ height=”200″ />

<img src=”http://cloud.github.com/downloads/malsup/cycle/beach2.jpg” width=”200″ height=”200″ />
<img src=”http://cloud.github.com/downloads/malsup/cycle/beach3.jpg” width=”200″ height=”200″ />

<img src=”http://cloud.github.com/downloads/malsup/cycle/beach4.jpg” width=”200″ height=”200″ />
<img src=”http://cloud.github.com/downloads/malsup/cycle/beach5.jpg” width=”200″ height=”200″ />

</div>

En la web podéis descargarlos y ver un montón de ejemplos.

Anuncios

OpenLayers: Free Maps for the Web

About…

OpenLayers makes it easy to put a dynamic map in any web page. It can
display map tiles and markers loaded from any source. MetaCarta developed the initial version of
OpenLayers and gave it to the public to further the use of geographic
information of all kinds. OpenLayers is
completely free, Open Source JavaScript, released under a BSD-style License.

http://openlayers.org/

6 CMS para alojar y compartir imágenes online

1. Gallery. Es un Cms
versátil que te permite algunas opciones interesantes a la hora de
hospedar y compartir imágenes, además de tener themes o templates, es
una alternaiva recomendada.

gallery, cms gestor de fotos para internet

2. ZenPhoto.
Una galería simple, un Cms bastante útil pero con funcionalidades
limitadas, no por esto es malo, pero se queda corto en cuanto a
recursos, pero igual es una magnifica alternativa.

zen photo, gestor de imagenes online individual

3. Plogger. Esta alternativa
para alojar fotos es una de las más sencillas y fáciles de usar que
existen, su sistema visual es parecido al de un weblog, pero su
funcionamiento es de una galería.

plogger, cms para gestionar imagenes en linea

4. SPGM. Otro gestor de
fotos muy interesante. Simple y estéticamente aceptable. El sistema es
bastante configurable y puede adaptarse a cualquier diseño Web que se
tenga.

simple picture gallery manager, cms gratis

5. Coppermine. Este
sistema de galería cumple las necesidades que se puedan requerir, puede
instalarse y utilizarse incluso como una red de usuarios destinada a
compartir imágenes y fotos (soporta formatos multimedia).

coppermine, gestor de fotografias online gratis

6. Pixelpost. Este Cms es lo más acercado a un Photoblog (Fotolog, etc), en el que se pueden compartir imágenes periodicamente por Intenret.

pixel post, cms para hacer un fotolog o photoblog

Espero que esta selección de gestores de fotos online sean de utilidad, muy pronto hablaré de otros sistemas.