effetto opacità img al passaggio mouse

[sissi78]

come si fa a dare l'effetto opacità a una foto, al passaggio del mouse? esistono script con funzioni diverse? qual'è il migliore?

[Jerry Masslo]

Originariamente inviato da sissi78
come si fa a dare l'effetto opacità a una foto, al passaggio del mouse? esistono script con funzioni diverse? qual'è il migliore?

esistono proprietà css fuori standand, ie only e altre only mozilla (standard solo nel senso che vanno lette come proposte non ancora accettate), e si possono usare insieme, fai una ricerca con filter alpha opacity, e moz-opacity (credo). Sugli script che non ricorrano a queste proprietà non saprei.

[flanza]

ha ragione jerry in particolare:

filter:alpha(opacity=25);
-moz-opacity:0.25;

questi css insieme funzionano per ie e i geko e danno una trasparenza del 25%

se le dai all'hover dovrebbe funzionare

[floyd46]

Originariamente inviato da sissi78
come si fa a dare l'effetto opacità a una foto, al passaggio del mouse? esistono script con funzioni diverse? qual'è il migliore?

ciao
potresti vedere l'articolo che è presente nel mio sito (in firma) dal titolo:
applicare un filtro ad una foto, nella sezione JavaScript.

Sono pochissime righe di codice che dovresti usare.

Spero vada bene, ciao.

[boolbo]

Sissi un codice come questo sul codice dell'immagine linkata:

[img]affiliati/titen.jpg[/img]

Quindi non devi far altro che aggiungere a <img> questa stringa per farva visualizzare al passaggio del mouse e lasciarla opaca il resto del tempo:
style="filter:alpha(opacity=40)" onMouseOver="high(this)" onMouseOut="low(this)"

Oppure quest'altra per opacizzarla solo al passaggio del mouse:
style="filter:alpha(opacity=40)" onMouseOver="low(this)" onMouseOut="high(this)"