effetto fade in e out

Ciao a tutti,
mi servirebbe una mano per fare una cosa...
dovrei fare che cliccando su un immagine mi faccia una cosa del genere
metto il link di esempio se i mod considerano come spam lo possono anche togliere
http://www.msntribe.it/
al inizio dove ce la paletta del colori...
pero l'unica cosa che io, non vorrei usare cose già pronte...

qualcuno sa darmi una mano per capire come devo fare...:razz:

Ringrazio anticipatamente

Intendi il penello, sopra alla destra del sito, per cambiare colore di sfondo al sito?

Se si, quello visualizza un div con un'effetto che puoi semplicemente fare in jQuery, ti occorre scaricare la libreria.

Citazione:

---

Originalmente inviato da sevenjeak

Intendi il penello, sopra alla destra del sito, per cambiare colore di sfondo al sito?

Se si, quello visualizza un div con un'effetto che puoi semplicemente fare in jQuery, ti occorre scaricare la libreria.

---

Hai letto questo:

Citazione:

---

Originalmente inviato da hotmailpower

pero l'unica cosa che io, non vorrei usare cose già pronte...

---

?

@hotmailpower:
Con javascript, devi giocare il tutto con i timeout ( setTimeout ) e la proprietà opacity dei css.

Per esempio ogni 100ms aumenti di 0.1 l'opacità finchè non arriva a 1 ( partendo da 0 ), per l'effetto fade in. Per l'effetto fade out fai l'operazione inversa.

dove sbaglio...:razz:

Codice PHP:

---

function Opacita_in(ID){
var div = document.getElementById(ID);
div.style.opacity = 0;
if(div.style.opacity =="0" AND div.style.opacity <="1"){
div.style.opacity += 0.1;
setTimeout("Opacita_in()",100);
}}


---

1) In javascript non esiste l'operatore AND ma &&
2)

Codice:

---

setTimeout("Opacita_in()",100);

---

La funzione Opacita_in ( che tu stesso hai dichiarato ) richiede l'argomento id. In questo modo la richiami senza argomento di conseguenza la variabile div sarà null

P.S.

Codice:

---

if(div.style.opacity =="0" AND div.style.opacity <="1"){

---

Questi controlli sono comunque inutili dato che prima imposti l'opacità a 0...

vero...

ma non funziona lo stesso, una cosa ma io pensavo per fare in e out usando una sola funzione..
tipo
Opacita('nome','in') e Opacita('nome','out') che cliccando la prima volta diventa in e la seconda volta diventa out...
come potrei fare