mootools

VideoBox - Mostrar Videos Estilo LightBox

Tuesday, Octubre 23rd, 2007

VideoBox es una libreria no obtrusiva desarrollada para Mootools que nos permite insertar videos en nuestro sitio y verlos al estilo de Lightbox.

La libreria pesa apenas 6KB y utiliza swfobject para cargar los archivos de flash. Su uso es relativamente sencillo unicamente incluimos los scripts de VideBox en nuestra página y hacemos un enlace al video indicandole el atributo rel=”vidbox”

Descargar VideoBox

Enlace: VideoBox

Post Relacionado:

lightwindow v1.1

Vía: WebAppers

Publicado en Desarrollo, General, Javascript, Javascripts, Librerias, Web | wong it! | 3 Comentarios »

MooCicle - Galeria de Imagenes en Mootools

Friday, Octubre 19th, 2007

Galería de Imagenes en Javascript con MooTools

MooCicle es una galería de imagenes creada con MooTools. Esta galería no es la clásica que te presenta flechas de navegación si no que para pasar de una imagen a otra hay que hacer click sobre la imagen y realiza un efecto que sobrepone la imagen siguiente sobre la nueva. El modo de uso es el siguiente:

<ul id=“moocircle”>
<li><img src=“images/1.jpg” /></li>
<li><img src=“images/2.jpg” /></li>
<li><img src=“images/3.jpg” /></li>
</ul>

- Ver Demo

- Descargar

- Mas información y Requerimientos

Vía: aNieto2k

Publicado en General, Javascript, Javascripts, Librerias, Recursos | wong it! | 1 Comentario »

Galeria de Imagenes en Javascript con MooTools

Tuesday, Septiembre 25th, 2007

(E)² Photo Gallery es una galeria de imagenes open source creada utilizando el framework Javascript MooTools. Para utilizarla unicamente se tiene que editar el archivo de configuración (config.php) indicando la ruta de donde tomará las imagenes asi como otros parametros.

//Define the folder where your photos will be placed on you server.
//Relative to the path you place the gallery index.php
$gallerypath=“images”; //EX. images or http://www.webadictos.com.mx/gallery/images no trailing slash needed
$thumbpath=“imagethumbs”; //EX. images or http://www.webadictos.com.mx/gallery/imagethumbs
$transitionspeed=“500″; //How fast you want the animations to render
$fadespeed=“300″; //How fast you want the photos to fade in and out
$username=“username_here”;//Username for accessing image uploader
$password=“password”; //Password to access image uploader

[Demo] [Descargar] [Documentacion]

Enlace: (E)² Interactive Photo Gallery

Vía: WebAppers

Publicado en General, Javascript, Javascripts, Librerias, OpenSource, Programacion, Recursos, Web | wong it! | Ningún Comentario »

contextMenoo Menú Contextual En MooTools

Thursday, Agosto 30th, 2007

Anteriormente mencionabamos de Proto.Menu un menu contextual que utilizaba el framework prototype pues ahora ha salido contextMenoo desarrollado por Daniel Niquet pero utilizando MooTools.

Características de contextMenoo:

Ligero. 1.9kb
No obstrusivo. Si deshabilitas Javascript, el menú contextual propio del navegador aparecerá normalmente.
Cross-browser. Soportado por la mayoría de los navegadores. (En el caso de opera, es soportado con ctrl+click izquierdo)
Personalizable. Utiliza hojas de estilo externas, para manejar el estilo al gusto o según el estilo de la página donde se usará. Es posible utilizar temas predifinidos, y cambiarlos en el momento es que se requiera.
Rápido. El menú se crea sólo al cargar la página, y luego unicamente cambia de posición.

Requiere MooTools v1.11

Dependencias:
- Core: core.js
- Class: Class.js, Class.Extras.js
- Native: Array.js, String.js, Function.js, Number.js, Element.js
- Element: Element.Event.js, Element.Filters.js, Element.Selectors.js, Element.Dimensions.js
- Window: Window.Size.js, Window.DomReady.js
- Effects: Fx.Base.js, Fx.CSS.js, Fx.Style.js

Ver Demo

[Descargar ContextMenoo]

Para mas información y modo de utilización accedan al sitio de ContextMenoo

Publicado en Desarrollo, General, Javascript, Javascripts, Librerias, Web, Web 2.0 | wong it! | 1 Comentario »