Avatar billede miss-g Seniormester
28. marts 2005 - 23:21 Der er 31 kommentarer og
1 løsning

Alpha effekt på en row?

Kan man ikke lave alpha effekten på en <tr> ??

Jeg vil gerne lave cellerne som reklamerne ligger i til redigerbare zoner (editable regions), men hvis man sletter en reklame og sætter en ny ind - forsvinder alpha koden også.

Kan vi bevare den på nogen måde?

Har fundet ud af at man kan sætte de på tabellen som reklamerne ligger i, men så fungerer den på alle samtidig, og det er ikke hensigten.

Koden på et billede ser sådan ud:

<img src="../laptop/reklamer/guistuffbutton.gif" width="88" height="31" onmouseover=nereidFade(this,100,10,30)
            style="FILTER: alpha(opacity=30)"
            onmouseout=nereidFade(this,30,10,5)>

Og funktionen kan ses her:
http://www.nicolin.dk/laptop/index.htm
Avatar billede Slater Ekspert
28. marts 2005 - 23:42 #1
alpha effekten er generelt en dårlig ide at bruge, da det kun virker på Internet Explorer.

Brug i stedet 2 forskellige billeder, hvor det ene ser faded ud, og skift mellem dem.
Avatar billede miss-g Seniormester
28. marts 2005 - 23:53 #2
Og dem som ikke har Internet Explorer, de ser bare reklamerne normalt?

Er man ikke nogen grafik-haj, så er det ikke nemt at lave samme effekt i f.eks. photoshop. Prøver at gøre det så nemt som muligt for manden som ejer siden.
Avatar billede Slater Ekspert
28. marts 2005 - 23:58 #3
Normalt vil alle andre bare se reklamerne uden alpha-effekten, ja... Men i dette tilfælde er de helt væk på Firefox. Jeg ser de er almindelige IMG-tags, så de burde ikke forsvinde... har du lavet noget med dem i CSS eller script?
Avatar billede miss-g Seniormester
28. marts 2005 - 23:59 #4
Nej, der er kun ovenstående kode på.
Avatar billede miss-g Seniormester
29. marts 2005 - 00:00 #5
Der er ikke andre måder at lave effekten på?

Kan man lægge noget over som forsvinder...tænker. *G*
Avatar billede Slater Ekspert
29. marts 2005 - 00:01 #6
Og btw, det er meget nemt at lave samme effekt i Photoshop.

Du laver et billede med samme baggrundsfarve som baggrunden på siden - i dette tilfælde, er det hex-farven #3a4450
Så henter du billedet af knappen ind som et nyt lag, og sætter dens opacity til 30, i layer-paletten, og så merger du billedet sammen, i menuen Image -> Flatten - så har du et billede med samme effekt som en alpha(opacity=30) effekt i IE.
Avatar billede Slater Ekspert
29. marts 2005 - 00:03 #7
Du har også mange fejl i din kode generelt. Jeg ser du har lavet et <DOCTYPE> tag - når man gør det, bør man også overholde det ;)

Se:
http://validator.w3.org/check?verbose=1&uri=http%3A//www.nicolin.dk/laptop/index.htm

specielt dine "topmargin", "leftmargin" osv. bør væk med det samme - det er ond OND Microsoft-only kode *g*
Avatar billede miss-g Seniormester
29. marts 2005 - 00:04 #8
Ja, det ved jeg viperine. Smal sag når man kan photoshop, men det kan han ikke. Og da reklamer ofte er gif-animationer gør det ikke sagen nemmere.
Avatar billede miss-g Seniormester
29. marts 2005 - 00:05 #9
Viperine - ja skal nok tjekke koden. Det er Dreamweavers kode - og vil bare lige have siden på plads, så får den en tur i validatoren *S*
Avatar billede Slater Ekspert
29. marts 2005 - 00:06 #10
Nej, det er bestemt en hindring, hvis de er gif'er :/

Well, det ville vel også være okay, hvis de bare lod være med at skifte opacity på alt andet end IE, men de forsvinder helt.

Prøv lige at rette fejlene i HTML'en, og se om det ikke hjælper på det.. Ellers skal der en mere grundig undersøgelse igang ;)
Avatar billede miss-g Seniormester
29. marts 2005 - 00:07 #11
Hvad mener den der er galt med topmargin osv? Hvis jeg fjerner de tags, så får jeg jo et mellemrum til top (sider og bund), og det vil jeg ikke have *G*
Avatar billede Slater Ekspert
29. marts 2005 - 00:10 #12
Det skal gøres i CSS - med:

html, body {
  margin: 0;
}
Avatar billede miss-g Seniormester
29. marts 2005 - 00:11 #13
Kan være validering er et nyt spørgsmål - der er flere underlige. Retter dem jeg kan inden....

Men vil finde ud af noget med det her alpa.

Se om du kan se disse reklamer i firefox:
http://www.voidix.com/tutorialsphotoshop.php

Der er der jeg har alpha koden fra....
Avatar billede Slater Ekspert
29. marts 2005 - 00:13 #14
Jep, de vises fint... men der er selvfølgelig ingen alpha på.

... the plot thickens...
Avatar billede miss-g Seniormester
29. marts 2005 - 00:15 #15
Hm... så må jeg prøve at rette alle fejl i koden først.

Og spørge ham om han kan leve med at der kun er alpha på i Internet Explorer.
Avatar billede alister_crowley Nybegynder
29. marts 2005 - 00:17 #16
Så vidt jeg kan se, skal det vist ende med at være en webshop :)
Nu kender jeg ikke sproget den skal kodes i, men jeg ved at PHP's grafikmodul GDLIB, ville kunne lave sådan en Alpha effekt, og så var det jo ikke værrere end at kode sådan et admin-modul dertil :)

Men nok lidt for nørdet alligevel.
Avatar billede miss-g Seniormester
29. marts 2005 - 00:19 #17
Nej, det er ikke nogen webshop.

Og så vidt jeg ved skal sitet ikke programmeres i noget (andet en html og css) **S
Avatar billede alister_crowley Nybegynder
29. marts 2005 - 00:20 #18
hov, undskyld. Jeg trode det var effekterne i menuen det var snak om :)

Reklamernes fade, kan man da også lave så det virker i Firefox ?-)
Avatar billede Slater Ekspert
29. marts 2005 - 00:22 #19
Ja, der er kommet en ny Moz-only kommando, der hedder moz-alpha eller moz-transparency eller noget i den stil.. kan ikke lige huske det.
Men så skal der laves kode specifikt til Mozilla også...
Avatar billede alister_crowley Nybegynder
29. marts 2005 - 00:22 #20
Avatar billede miss-g Seniormester
29. marts 2005 - 00:22 #21
Reklamerne er bare nogle jeg har lånt fra et andet site. Og jo, hvis du har metoden hvor jeg kan lave en alpha effekt på f.eks. rækken <TR> som både virker Internet Explorer, Netscape og firefox skal du være hjertens velkommen *G*
Avatar billede miss-g Seniormester
29. marts 2005 - 00:23 #22
Ja selvfølgelig - rogenving kan det møg *G*

Men gad vide hvorfor han skriver at det ikke virker i Internet Explorer. Jeg har internet Explorer og ser det fint nok...hm?
Avatar billede miss-g Seniormester
29. marts 2005 - 00:26 #23
Koden er fint nok - 1 problem løst!

Men jeg kan åbenbart stadig ikke sætte den på en row, så når man sletter reklamen og sætter en ny ind - virker det stadig...?

Hans sidder også på selve billedet:
<img src="img/billede.jpg" width="250" height="250" name="fisk" style="filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;" onmouseover="startOpChange(this,100,1);" onmouseout="startOpChange(this,60,1);">
Avatar billede alister_crowley Nybegynder
29. marts 2005 - 00:26 #24
Denne funktion virker i IE og Gecko-browserne

^^Bare IE på mac som ikke dur.
Avatar billede miss-g Seniormester
29. marts 2005 - 00:28 #25
ok
Avatar billede miss-g Seniormester
29. marts 2005 - 00:29 #26
Hvis man så bare kunne lave koden i en style han bare kunne sætte på billedet. Kan man det?
Avatar billede miss-g Seniormester
29. marts 2005 - 00:40 #27
Synes den fader for langsomt, men den står jo allerede på 1. Kan den gøre det lidt hurtigere ligesom på voidix?
Avatar billede miss-g Seniormester
01. april 2005 - 14:41 #28
Nobody?
Avatar billede miss-g Seniormester
09. april 2005 - 02:28 #29
Tager den op igen senere, og håber Roenving kigger ind.
Avatar billede roenving Novice
09. april 2005 - 12:21 #30
Der er intet i vejen for, om man flytter både style og events ind i et tr-tag !-)
Avatar billede miss-g Seniormester
09. april 2005 - 12:35 #31
Der var du *G*

HVad med hastigheden - kan den fade hurtigere - det eksempel ud har på din side?
Avatar billede roenving Novice
09. april 2005 - 12:40 #32
Jeg har brugt en del tid på at finde ud af, hvorfor der er en grænse for hastigheden, men jeg har ikke fundet grunden ...
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