Scriptaculous
Monperla.es – Web totalmente Ajax desarrollada con prototype y scriptaculous
Since we began to post in this blog, we have been offering components and techniques to develop a site using Ajax. Today we are going to put everything together and we see how to get results that some time age was only possible using Flash.
The study case is Monperla, an online shop that sells pearl [...]
e24Squares - AJAX random squares image transition
Intro
e24Squares is an extension written for scriptaculous to make transitions between images with an original effect. This effect randomly generates squares that appear on different positions on the current image while the next image appears behind with a fade effect. The extension can be used as photo gallery, as slideshow, or as decorative animation [...]
e24TabMenu – Drop down AJAX menu
Introdution
e24TabMenu is a plugin written for scriptaculous. It is a tab menu that expands collapse smoothly.
Demos
All tabs hidden
One tab expanded
Usage
Include Prototype 1.6.0.2 and Scriptaculous 1.8.1 in the HTML code header. Also include e24TabMenu after both:
?View Code HTML1
2
3
<script type=’text/javascript’ src=’js/prototype.js’></script>
<script type=’text/javascript’ src=’/js/scriptaculous.js?load=effects’></script>
<script type=’text/javascript’ src=’js/e24tabmenu.js’></script>
Next, write the necesary HTML code to define de menu. We will need [...]
e24Writer - Chained opacity transition
Intro
e24Writer is a plugin written for scriptaculous to gradually display a group of elements using a chained opacity transition. The elements can be either images, HTML or text.
Demos
Animating Images
Animating a Text
Usage
Include Prototype 1.6.0.2 and Scriptaculous 1.8.1 in the HTML code header. Also include e24Writer after both.
?View Code HTML1
2
3
<script type=’text/javascript’ src=’js/prototype.js’></script>
<script type=’text/javascript’ src=’/js/scriptaculous.js?load=effects’></script>
<script type=’text/javascript’ src=’js/e24writer.js’></script>
For [...]
