sløret billede, musen over tydeligt

Tags:    html css

Hej, jeg sidder lige og laver noget på min side. og vil have så mit banner i siden er sløret og så når man tar musen over så er det tydeligt. har set det på andre hjemmesider for lang tid siden, men hvordan man laver det ved jeg ikke.

På forhånd tak!!



9 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
Her fandt jeg en lille artikel:
http://bermangraphics.com/tips/mouseover.htm

:)


--
Ronni Egeriis



Ja det er jo bare at lave et "rent" og et "sløret" billed i photoshop og så sætte denne kode ind:

Fold kodeboks ind/udKode 


/Jacob



Der findes nogle filtre i Internet Explorer der kan klare det for dig.

MEN. Jeg vil anbefale at du lave et billede som er sløret, som skal vises når musen ikke er over. Og et skarpt billede som vises ved mouseover. Så kan du klare det med lidt JavaScript.

Hvis det er til at forstå kan jeg lige bikse noget sammen? :)


--
Ronni Egeriis



Ja. men spørgsmålet ligger i hvor kan jeg finde sådan et javescript og hvad hedder det. har du direkte link ville det være godt :P

Tak



Ja det er jo bare at lave et "rent" og et "sløret" billed i photoshop og så sætte denne kode ind:

Fold kodeboks ind/udKode 


/Jacob



Du kunne også lave det med et billede som bare var lidt gennemsigtigt og når musen kom over ændre gennemsigtigheden med JS og CSS.
Mvh.
Rune Jensen
---------------------------------------------------------------------------
##The one who laugh last is the one who think slowest!##
---------------------------------------------------------------------------



ja der findes en del css filter.. søg på google... eksempelvis :


Filter: Blur(Add = 1, Direction = 225, Strength = 10)

smid den som style på dit billede..

Med venlig hilsen
/Jokke Jensen
www.jj-multimediedesign.dk



Virker dog kun til Internet Explorer - da microsoft, som sædvanlig ikke følger nogen kendt standard?



Fandt ud af det. kig på csguide.dk



t