JAVASCRIPT: Image transitions with TransM

We have seen along my blog some ways to have a photogallery, for example with MooFlow or SlideShow 2, but what about a library to have photo transitions???, what about having 113 different transitions??, ..what about doing it with unobtrusive javascript to keep your code clean?? The answer to all those questions is transm.js 1.0!!!

It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari 2+, Chrome 3+ and IE 6+. Works also on older browsers supporting JS 1.5 and images and filter or opacity, else it'll degrade and your visitors won't notice a thing.

TransM.js uses 113 transitions for HTML 5 canvas element supporting browsers, 51 transitions for filter:

• ALPHA
• BARN_HORIZONTAL_IN
• BARN_HORIZONTAL_OUT
• BARN_VERTICAL_IN
• BARN_VERTICAL_OUT
• BLINDS_UP
• BLINDS_DOWN
• BLINDS_RIGHT
• BLINDS_LEFT
• .....

as well as supporting tweenings (up to ...)

• Linear
• EaseIn (Sine)
• EaseOut (Sine)
• EaseIn (Cubic)
• EaseOut (Cubic)
• EaseInOut (quart)
• EaseInOut (quint)
• EaseIn (expo)
• EaseOut (expo)
• EaseIn (Cubic)
• EaseOut (Cubic)
• EaseIn (Circ)
• EaseOut (Circ)
• .....

What do u need to use it??, ..as usual adding javascript file at the head of your code:

<script type="text/javascript" src="cvi_tween_lib.js"></script>
<script type="text/javascript" src="cvi_trans_lib.js"></script>
<script type="text/javascript" src="transm.js"></script>

And to use it, just execute the function "transm.add( element, { options } );" to a block-level element!!. More details here!!. ...ahhh, and the creator is Christian Effenberger, creator for example of corner.js