MooFlow - Galeria basada en Javascript con aspecto a iTunes de Apple

Publicado por Nikko el dia 1 Dec 2007 - Guardado en Diseño Web, Fotografia, Galerias, Javascript, Scripts 4,758 Views

mooflow.jpg

MooFlow. un extraordinario script desarrollado bajo MooTools que nos permitirá crear una galería de imágenes con un aspecto muy agradable. MooFlow posee varias características a favor, una de ellas lo ligero que es, pero lo mas agradable o mejor dicho lo que llamara muy rápido la atención de nuestros ojos, son los bonitos efectos de transición y la forma de visualizar cada una de las imágenes de nuestra galería, Similar en apariencia a iTunes de Apple o Finders CoverFlow. Es compatible con Safari, internet explorer 6 y 7, Firefox (and its mozilla friends), Opera y Camino. Coverflow sin duda es una buena opción para tus proyectos.

Ver demo - Descarga MooFlow Demo Oficial

Instalacion:

Descargamos los script: MooFlow.js y mootools.

Los alojamos en nuestro servidor o en la carpeta deseada y realizamos la llamada a ellos, copiando y pegando el siguiente código dentro de nuestra etiqueta < Head >

JavaScript:
<script type="text/javascript" src="mootools-beta-1.2b1.js"></script>
<script type="text/javascript" src="MooFlow.js"></script>
<script type="text/javascript">
//<![CDATA[
/* MooFlow */
var mf;
window.addEvent('load', function(){
    mf = new MooFlow({
        container: 'MooFlow',
        imgContainer: 'images',
        images: '#images img',
        caption: 'captions'
    });
});
//]]>
</script>

Contenido o estructura de nuestra galería

HTML:
<div id="MooFlow">
  <div id="images">
    <img src="foto1.jpg" alt="01" title="Esta es mi foto 1" />
    <img src="foto2.jpg" alt="01" title="Esta es mi foto 2" />
    <img src="foto3.jpg" alt="01" title="Esta es mi foto 3" />
    ....etc
  </div>
  <div id="captions"></div>
</div>

Fuentes Anieto2k | freakgroup

  • No Related Post
  1. [...] MooFlow - Galeria basada en Javascript con aspecto a iTunes de Apple » This Summary is from an article posted at Xyberneticos on Saturday, December 01, 2007 This [...]

  2. [...] Visto en: xiberneticos [...]

  3. [...] MooFlow - Galeria basada en Javascript con aspecto a iTunes de Apple (Xyberneticos) [...]

  4. [...] en cualquier proyecto online que tengamos en mente. ImageFlow es muy similar en varios aspectos con MooFlow aunque cuenta con algunas diferencias o algunos agregados. ImageFlow nos permite navegar entre las [...]

  5. [...] en cualquier proyecto online que tengamos en mente. ImageFlow es muy similar en varios aspectos con MooFlow aunque cuenta con algunas diferencias o algunos agregados. ImageFlow nos permite navegar entre las [...]



Nombre: (Necesario)

E-mail: (Necesario)

Website:

Escribe tu comentario: