Ciao a tutti ragazzi!!
Sto cercando di realizzare qualche script per poter far apparire in tempi diversi con fading degli elementi della pagina. Ho scelto come libreria mootools perchè sembra carina!!

Ecco il mio codice semplicissimo:

<script type="text/javascript">
// header fading
$('header').setStyle('opacity', 0.5);
window.addEvent('load', $('header').tween.pass(['opacity', 1], $('header')));
</script>

<script type="text/javascript">
// footer fading
$('footer').setStyle('opacity', 0.5);
window.addEvent( 'load', $('footer').tween.pass(['opacity', 1], $('footer')));
</script>

<script type="text/javascript">
// img box fading
$('imgbox').setStyle('opacity', 0.0);
window.addEvent( 'load', $('imgbox').tween.pass(['opacity', 1], $('imgbox')));
</script>

<script type="text/javascript">
// head box fading
$('headglow').setStyle('opacity', 1);
window.addEvent( 'load', $('headglow').tween.pass(['opacity', 0], $('headglow')));
</script>

ecco qui l'esempio: www.bensussan.com/index_prova.html

in poche parole carica vari elementi della pagina facendoli sfumare differentemente e in piu' fa sparire una immagine davanti all header!!

Ho tre problemi!!
-come si inserisce la variabile tempoo?
ho provato aggiungendo delay(500); per dire ma non funziona!!

-come posso far ripartire l'animazione ogni tot o solo una volta dopo tot?

-Come faccio a centrare l'head nella pagina?! sto impazzendo non riesco

scusate la totale niubbaggine