Avatar billede showsource Seniormester
16. september 2007 - 16:43 Der er 11 kommentarer og
1 løsning

opacity, men ikke på billeder

Hej
Bruger noget opacity på en td
på siden er også et galleri, og her ville jeg gerne undgå brugen af opacity, når et billede vises.
Eneste jeg lige kan komme på, er at bruge en flashfil til vise billedet, er der andre løsninger?

Har iøvrigt lavet så man kan "forstørre"-"formindske" billedet, så flashen bliver lidt mere kringlet end hvad jeg lige bryder mig om :O)
Avatar billede olebole Juniormester
16. september 2007 - 17:16 #1
<ole>

Du lægger teksten og billedet i hvert sit element i cellen. Det element, teksten ligger i, giver du opacity

/mvh
</bole>
Avatar billede showsource Seniormester
16. september 2007 - 17:20 #2
dutter ikke, da jeg har et baggrundsbillede på body, som fylder meget mere end tekst.
Avatar billede showsource Seniormester
16. september 2007 - 17:25 #3
og tabel er sat til 90% højde
Avatar billede olebole Juniormester
17. september 2007 - 00:45 #4
Hvis du nu lægger et 'skygge element' i cellen i stedet for galleri billedet. Så kunne du på window.onload placere billedet henover 'skygge elementet'. Billedet positioneres absolute - og lægges 'løst' i body-elementet:

function getPos(o) {
    for(var _x=_y=0;o!=null;_x+=o.offsetLeft,_y+=o.offsetTop,o=o.offsetParent);
    return {x:_x,y:_y}
}

var oShadow = document.getElementById("myShadow");
var oGallery = document.getElementById("myGallery");
var oP = getPos(oShadow); // Find 'skygge elementets' placering
var css = oGallery.style;
css.left = oP.x + "px";
css.top = oP.y + "px";

Du skal sikkert lave noget tilsvarende på onresize  ;o)
Avatar billede showsource Seniormester
17. september 2007 - 06:53 #5
Koden du viser, virker fint i FF, men ikke i IE.
I IE er et image med absolut positionering IKKE gennemsigtigt, men er det i FF !!!

Så, jeg tror jeg holder mig til flash'en.
Avatar billede showsource Seniormester
17. september 2007 - 07:00 #6
Nå, jeg kunne selvf. sætte den udenfor for tabel!
Så er den heller ikke gennemsigtig, men det er først indeni td'en at billedet bliver vist, afhængig af url.

Så det må vel blive noget med at sætte den på hver eneste side med en usynlig gif, og det er jeg nu heller ikke meget for.
Risikerer jo at den dækker over et link.
Avatar billede showsource Seniormester
18. september 2007 - 20:36 #7
Ole, smid et svar!

Ved ike hvad jeg lavede/tænkte på tidligere.

Det blev til din løsning, som iøvrigt virker fint nok i IE også!
Avatar billede olebole Juniormester
18. september 2007 - 21:06 #8
Hehe ... nej, det kan man zq aldrig helt vide ... men bare vi får det løst  ;o)
Avatar billede showsource Seniormester
18. september 2007 - 21:16 #9
Ville det ikke være mere ideelt at bruge create.Element("div") til at lave div som viser billedet?
Avatar billede olebole Juniormester
18. september 2007 - 21:37 #10
Tak for points - men jeg forstår ikke lige dit spm. Prøv igen ...  :)
Avatar billede showsource Seniormester
19. september 2007 - 05:21 #11
I stedet for
var oGallery = document.getElementById("myGallery");

så lav div'en

Så behøves heller ikke laves en "if blabla sæt div" i doc
Avatar billede olebole Juniormester
19. september 2007 - 21:13 #12
Det tror jeg ikke, jeg ville  :)
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