Avatar billede emileej Nybegynder
29. september 2001 - 16:51 Der er 27 kommentarer og
1 løsning

Alpha blending i javascript

Jeg har set det gjort, men hvordan?
Avatar billede Tony Juniormester
29. september 2001 - 17:24 #1
Når der nu tilsyneladende ingen andre er der tør spørge ... Hvad er \'Alpha blending\' ??? ... kender kun OBH
Avatar billede prodic Mester
29. september 2001 - 17:29 #2
filter:
alpha(finishOpacity : 55,
style : 1
finishX : 0
finishY : 0 )

Sådan noget du tænker på?
Avatar billede Tony Juniormester
29. september 2001 - 18:09 #3
prodic >> Tjaa, det kan det meget vel være - Jeg tænkte på \'transitions\' ...
Avatar billede olebole Juniormester
29. september 2001 - 18:46 #4
Avatar billede olebole Juniormester
29. september 2001 - 18:48 #5
kanon svar på et helt andet spørgsmål...!  *LoooL*
Denne er nok bedre:
  http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/filter.asp
/mvh
Avatar billede cyberbat Nybegynder
29. september 2001 - 18:52 #6
Tror at det er det her du mener??
<img src=\"dit billede.gif\" style=\"filter:alpha(opacity=100)\" onMouseover=\"this.filters.alpha.opacity=70\" onMouseout=\"this.filters.alpha.opacity=100\"> Og du kan selvfølgelig bare lave om på tallene
Avatar billede olebole Juniormester
29. september 2001 - 19:12 #7
cyberbat >> Nej, det er det ikke - prøv at følge mit link, så kan du se, hvad han mener  :)
/mvh
Avatar billede cyberbat Nybegynder
29. september 2001 - 21:03 #8
kunne jeg jo ikke vide...
Avatar billede olebole Juniormester
29. september 2001 - 21:05 #9
;o) men check linket ud...der er en fin reference til alle filtrene, du kan bruge  :)
/mvh
Avatar billede roenving Novice
30. september 2001 - 00:29 #10
>>men ...
er det ikke netop een af de der funktioner, som man kan gå ud fra *ikke* understøttes af alle browsere og miljøer ?·]
Avatar billede olebole Juniormester
30. september 2001 - 00:31 #11
Jo, for dælen da...det er strictly IE! Det kan være rasende fedt at bruge i \'lukkede\' miljøer (admin-moduler, intranet løsninger, o.lign.), men det har intet at gøre på WWW  :)
Avatar billede roenving Novice
30. september 2001 - 00:43 #12
Og vel IE5+ ??
Avatar billede olebole Juniormester
30. september 2001 - 00:44 #13
Ja, hvis det ikke vælter noget i andre browsere, hvilket jo må testes grundigt, inden det slippes løs i en WWW-løsning
Avatar billede emileej Nybegynder
30. september 2001 - 09:25 #14
Sorry guys :)
Det gik lidt hurtigt, da jeg skulle skrive indlægget, så læsevenligheden gik vist i fløjten :)
Alpha blending: Bruges i 3d verdenen om det, der bla. i Photoshop hedder transperans :)

E-)mil
Avatar billede prodic Mester
30. september 2001 - 12:33 #15
emileej->Det med Photoshop forstod jeg - men ikke hvordan du vil bruge det med JavaScript.
Det kræver en bedre forklaring(så jeg kan forstå det)
Avatar billede emileej Nybegynder
30. september 2001 - 13:27 #16
Jeg vil bruge transperans verdien til, at fade en menu - i stedet for at den bare er der det ene øjeblik, og er væk det andet... :)

E-)mil
Avatar billede emileej Nybegynder
30. september 2001 - 17:00 #17
Jeg kan ikke helt få det til at virke...
Jeg har prøvet at udarbejde en funktion til at fade menuerne på http://eej.dk/think4fun/skabelon.html
men det virker ikke efter hensigten :( kunne i ikke lige tage et kig på det?

E-)mil
Avatar billede olebole Juniormester
30. september 2001 - 17:32 #18
Emil >> Kan du ikke bruge noget fra min besvarelse her:
  http://www.eksperten.dk/spm/88725
/mvh
Avatar billede prodic Mester
30. september 2001 - 17:48 #19
Ole->Den må klart kunne bruges med noget OnMouseOver-halløj.
Nice!
Avatar billede emileej Nybegynder
30. september 2001 - 18:24 #20
>>ole i skole
Jeg har ikke testet dit script endnu, men jeg vil ærligt talt godt vide hvad der er je gør forkert i mit eget script :)
Avatar billede olebole Juniormester
30. september 2001 - 18:41 #21
1: if(menuFaderTimer)window.clearTimeout(menuFadeTimer);
\'menuFaderTimer\'/\'menuFadeTimer\'.....en typo  :)

2. Det hedder:
menuObj.filters.item(\"Alpha\").opacity += fadeVal;
...eller:
menuObj.filters.item(\"Alpha\").opacity = fadeVal;
...alt efter, hvordan du bruger det, men det er syntaksen  :)
Ikke:
menuObj.style.filter=\"alpha(opacity=\"+fadeVal+\")\";
/mvh
Avatar billede emileej Nybegynder
30. september 2001 - 19:10 #22
Jeg har kikket det hele igennem et par gange til, og rettet nogle småfejl :)
Menuen vil dog stadigt ikke fade :(
Avatar billede olebole Juniormester
30. september 2001 - 19:18 #23
Måske, det kunne være fikst at have en funktion \'getLayer()\', når du du kalder den så ivrigt  =)
Avatar billede olebole Juniormester
30. september 2001 - 19:26 #24
Nå, okay....den lå i din .js-fil.
Du skal vel have et filter at ændre på...det har du ikke! Skriv et alpha-filter i dit <div> - derefter: Check filter-referencen ud, jeg skrev højere oppe. Jeg tror, du roder med noget, du ikke har forstået helt.
/mvh
Avatar billede emileej Nybegynder
30. september 2001 - 21:15 #25
Hehe - det skal nok passe :)
Jeg prøver lige at give div\'en en alpha...
Avatar billede emileej Nybegynder
30. september 2001 - 21:53 #26
Det var det!
Jeg skulle bare have sat opacityen til 100 fra start af =)
En sidste ting: Hvordan vil NS og gamle IE browsere reagere på dette script?

E-)mil
Avatar billede olebole Juniormester
30. september 2001 - 23:24 #27
Jeg er ikke helt sikker, men jeg tror ikke, det generer dem. De vil formodentlig blot vise billedet, som det er med 100% opacity. Test selv...jeg har kun brugt det i et lukket IE5.5 miljø.
PS: Jeg tror heller ikke, det funker på Mac.....(?)  :)
/mvh
Avatar billede emileej Nybegynder
01. oktober 2001 - 07:31 #28
Hehe - nej det har M$ sikkert saboteret :P
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester