Change:
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }

To:
#slideshow #pictures li img { display: block; bottom: 0; }

and it works.

All the other effects work fine just not the fade.

so, here is goes again:

if somebody out there is still confused about the initialization, it’s simple (after lots of attempts, i got it myself):

in the demo page, he includes “demo.js” on the head. take it off and then initialize it with that little part he says in the text.

then, the files (inside the script tags) will look like this:

“mootools-1.2.1-core-yc.js”
“mootools-1.2.2.2-more.js”
“Fx.MorphList.js”
“../Source/BarackSlideshow.js”
//here starts the initialization
window.addEvent(’domready’, function(){
new BarackSlideshow(’menu’, ‘pictures’, ‘loading’, {transition: ‘fade’, auto: true});
});

in the demo page, he includes “demo.js” on the . take it off and then initialize it with that little part he says in the text.

then, it’ll be like this:

window.addEvent(’domready’, function(){
new BarackSlideshow(’menu’, ‘pictures’, ‘loading’, {transition: ‘fade’, auto: true});
});

Thanks.

Thanks Les