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 Leido 10,208 Veces

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

Publicado por Nikko

Soy un diseñador y desarrollador web situado en la Patagonia Argentina. Disfruto testear y conocer nuevos scripts, además de experimentar nuevas técnicas tanto en impresión como en desarrollo web. Como propietario de Patagonia Creative, divido mi tiempo entre la empresa, trabajos para Pymes, ONG y Gob. ////////// Facebook / linkedin / xing

Nikko ha publicado 1098 posts en Xyberneticos - Leer todos mis articulos Nikko

  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: