Scriptaculous
Monperla.es – Web totalmente Ajax desarrollada con prototype y scriptaculous
Desde que comenzamos a publicar este blog hemos venido ofreciendo una serie de componentes y técnicas para desarrollar un sitio completamente Ajax. Hoy veremos cómo uniendo todas estas técnicas obtenemos resultados que hasta hace bien poco parecían imposible sin tener que recurrir al Flash.
El caso de estudio es Monperla, una tienda online de joyería de [...]
e24Squares - Efecto AJAX de transición de imágenes
Introducción
e24Squares es una extensión para scriptaculous que permite hacer transiciones entre imágenes con un efecto original. Este efecto genera una serie de cuadros blancos que van apareciendo de forma aleatoria en diferentes posiciones mientras la siguiente imagen va apareciendo detrás con un efecto de opacidad o fade. La extensión puede ser usada como galería [...]
e24TabMenu – Menú desplegable AJAX
Introducción
e24TabMenu es un plugin de scriptaculous que permite hacer un tab menú que al clicar sobre sus pestañas se expanden hacia abajo.
Demos
Con todas las pestañas ocultas
Con una pestaña expandida por defecto
¿Cómo utilizarlo?
Incluya Prototype 1.6.0.2 y Scriptaculous 1.8.1 dentro del header del código HTML de la página. Incluya e24TabMenu después de ambos:
?Ver código HTML1
2
3
<script type=’text/javascript’ src=’js/prototype.js’></script>
<script [...]
e24Writer - Efecto de aparición progresiva
Introducción
e24Writer es un plugin de scriptaculous que permite hacer una animación donde los elementos van apareciendo progresivamente mediante una transición de opacidad. Los elementos pueden ser imágenes, elementos HTML o texto.
Demos
Animación de Imágenes
Animación de un Texto
¿Cómo utilizarlo?
Incluya Prototype 1.6.0.2 y Scriptaculous 1.8.1 dentro de header del código HTML de la página. Incluya e24Writer [...]
