[Javascript] Abbassa le luci stile youtube

[xciaoatuttix]

Dovrei realizzare un effetto per il mio sito simile al "Abbassa le luci" di youtube come in questo video:

http://www.youtube.com/watch?v=hwDJOWHRKcg

qualcuno sa come potrei fare? possibilmente senza usare librerie


grazie mille

Puoi spiegarti meglio? Non ho molta voglia di guardare 21 min di filmato.

[agente mm8]

Per capire devi premere il bottone con la lampadina, non c'è bisogno di guardarti tutto il filmato. Comunque no, non so come aiutarti

[kk3z]

Se usassi firebug lo vedresti. Ti posto la parte del body che ti interessa:

<body [html che non c'entra] style="background-image: url(/img/longform-underlay-1x1.png);">

In javascript:

document.body.style.backgroundImage = "url(/img/longform-underlay-1x1.png)";

L'immagine "longform-underlay-1x1.png" è qui: http://www.youtube.com/img/longform-underlay-1x1.png

In quel caso funziona perchè il flash è posto in primo piano senza riguardo di z-index e vari, non funzionerebbe con un elemento html