Animations

e24BubbleFx - Photo bubble transition effect

Introduction
e24BubbleFx is a plugin for Mootools that makes a transition between two photos. The transition comes in form of a bubble that move around the back picture discovering it.
But better we see it in action with the following demos.
Demos
Demo1: Basic
Demo2: Advanced
Usage
Include Mootools 1.2.2 Core inside the HTML header. Remember that you can generate an optimum [...]


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 [...]


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 [...]