Effetti nelle immagini

Sapreste dirmi come far in modo che un immagine appaia dapprima "oscurata" e poi passandoci sopra con il mouse s'illumini? (naturalmente poi togliendo il mouse deve tornare oscurata!)

Thanks! :D

Si potrebbe fare qualcosa in Javascript (usando gli eventi onMouseOver e onMouseOut) ... basta avere 2 immagini (quella oscurata e quella illuminata)

Citazione:

---

Originalmente inviato da prometheus

Si potrebbe fare qualcosa in Javascript (usando gli eventi onMouseOver e onMouseOut) ... basta avere 2 immagini (quella oscurata e quella illuminata)

---

e con un'unica immagine nn si può? :?

Come intendo io no!
La mia idea era di creare 2 immagini uguali (ma una scura e una illuminata... cioè più chiara): quando ci passi sopra con il mouse (onMouseOver) l'immagine scura viene sostituita da quella illuminata, quando togli il puntatore dall'immagine (onMouseOut) viene ripristinata l'immagine scura.

Citazione:

---

Originalmente inviato da prometheus

Come intendo io no!
La mia idea era di creare 2 immagini uguali (ma una scura e una illuminata... cioè più chiara): quando ci passi sopra con il mouse (onMouseOver) l'immagine scura viene sostituita da quella illuminata, quando togli il puntatore dall'immagine (onMouseOut) viene ripristinata l'immagine scura.

---

questo l'avevo capito, ma così diventerebbe un po' pesante....
io conosco il comando

Citazione:

---

style="FILTER: alpha(opacity=22)"

---

che oscura l'immagine, ma nn so come farla illuminare! :?

A me mi pareva che quel comando non oscurasse l'immagine, ma la rendesse più o meno opaca (più o meno trasparente)... sì, potresti usare anche quello (anche se il risultato non credo prorpio sia gradevole come l'altro metodo..insomma un'immagine troppo opaca non è bellissima a vedersi): trovo qualche esempio e poi posto il link!

Ecco: l'effetto ottenibile con quel comando, nel tuo caso, è simile a quello degli ultimi 2 esempi di questa pagina:

http://www.webfract.it/GUIDA/filtroalfa.htm

Citazione:

---

Originalmente inviato da prometheus

A me mi pareva che quel comando non oscurasse l'immagine, ma la rendesse più o meno opaca (più o meno trasparente)... sì, potresti usare anche quello (anche se il risultato non credo prorpio sia gradevole come l'altro metodo..insomma un'immagine troppo opaca non è bellissima a vedersi): trovo qualche esempio e poi posto il link!

---

Grazie, cmq io avevo provato quel comando e non mi sembrava che venisse brutta, dopo ognuno la pensa a modo suo! :D

cmq appena puoi dammi il codice, grazie! :wink:

Citazione:

---

Originalmente inviato da prometheus

Ecco: l'effetto ottenibile con quel comando, nel tuo caso, è simile a quello degli ultimi 2 esempi di questa pagina:

http://www.webfract.it/GUIDA/filtroalfa.htm

---

Funzia, grazie! :lol:

Citazione:

---

Grazie, cmq io avevo provato quel comando e non mi sembrava che venisse brutta

---

Dipende dall'immagine scelta e dalla gradazione di opacità scelta... una volta scelti accuratamente questi due parametri, l'effetto può essere ottimo!

ciao

io uso javascript che al passaggio del mause sopra l'immagine1 fa comparire l'immagine2 (ovviamente delle stesse dimensioni) e quando tolgo il mouse dall'immagine ritorna l'immagine1

guarda il codice che ho messo in questa pagina
http://alchimisti.altervista.org/bib...A02%20opus.htm

l'ultima immagine in basso

Ciao