English Japanese Kawa.netxp [JavaScript] Animation.Raster - Virtual Raster Scrolling Effect

This library provides a virtual raster scrolling's effect for images and block elements.
Tested on Internet Explorer 7.0, Firefox 1.5, Opera 8.5, Safari 2.0.3 and OmniWeb 5.1.3.

Source archive: Animation.Raster-0.02.tar.gz TARGZ JSAN
.js source file only: lib/Animation/Raster.js JavaScript
Document: README README Changes Changes

Image Raster Scrolling

URL: px

[Animation Canvas]

Image Raster Scrolling from flickr

Try some images on flickr!

.tar.gz archive and test scripts are not available yet.

[Animation Canvas]

HTML Elements Raster Scrolling

Block HTML elements, like <div> and <table>, are also scrollable.

April 2006
12
3456789
10111213141516
17181920212223
24252627282930

* The second day of April is now the 2nd, not the 1st! (Thanks to Merle)
* April has just 30 days now! (Thanks to Keith)

JavaScript Tech Memo

Usage:

    var ras = new Animation.Raster( id_or_elem, image_url );
    ras.lineHeight  = 4;                    // scroll line's height
    ras.clip        = false;                // clip animation area (default: true)
    ras.background  = "#000000";            // animation area's background
    ras.downSeconds = 1.0;                  // falling down animation
    ras.fadeSeconds = 4.0;                  // fading wave animation
    ras.waveSpeed   = 0.5;                  // wave's speed
    ras.onComplete  = function () { ... };  // callback function
    ras.scroll();

Comments by AjaxCom

Links

Kawa.netxp © Copyright 2006 Yusuke Kawasaki