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 >
<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
<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
2 Comentarios por usuarios
gracias por los recursos,
Excelente gracias !!