Posted By

cfleschhut on 03/08/10

Tagged

javascript
image
animation

Versions (?)

Last Edited at 03/08/10 02:39am

Statistics

Viewed 1187 times

Favorited by 0 user(s)

Related snippets

Basic JavaScript Image Fading

/ Published in: JavaScript

adapted from:
[http://aktuell.de.selfhtml.org/artikel/javascript/fader-framework/bilderslideshow.htm](http://aktuell.de.selfhtml.org/artikel/javascript/fader-framework/bilderslideshow.htm)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

function fade(step) {
    var imgs = document.getElementsByTagName("img");
    step = step || 0;
    imgs[1].style.opacity = step/100;
    imgs[1].style.filter = "alpha(opacity=" + step + ")";
    step += 2;
    if (step <= 100) {
        setTimeout(function() {
            fade(step);
        }, 1);
    }
}