Ved onclick skal border skifte farve eller effekt på billeder?

Det skal være en løsning som kan vises i alle browsere *S*

hvad med at bruge css

Tror jeg fandt en løsning:

style="FILTER: progid:DXImageTransform.Microsoft.Alpha( Opacity=30, FinishOpacity=0, Style=0, StartX=0,  FinishX=100, StartY=0, FinishY=100)"

Men kan alle browsere læse det?

Og så må jeg jo lave en html side til hvert billede...

Når jeg klikker på billede 2 = ny side hvor alle andre billeder har style på...

Er der en smartere måde?

Filteret der er IE only.
Mozilla har sine egne filtre.

Og mht. border farven - et simpelt eks:

<img onclick="this.style.borderColor='red';">

Jeg har fx. løst det med at markere et billede sådan her: http://www.mseals.dk/search02.aspx?cat=O

Men nu har jeg ikke border på billedene - men på tabellen...

Og dur din metode i alle browsere?

Ville godt have at borderen f.eks. er blå som udgangspunkt, men bliver rød, når man klikker.

Min metode virker i alle nyere browsere, ja.
Billeder eller tabeller - same thing but different :)

http://hjem.get2net.dk/arntsen/eksperten/menu/menu_09.htm
http://hjem.get2net.dk/arntsen/eksperten/menu/menu_05.htm
http://hjem.get2net.dk/arntsen/eksperten/menu/menu_03.htm
http://hjem.get2net.dk/arntsen/eksperten/menu/menu10.htm

her nogle ex, lavet tidligere, den sidste bruger filter og er ikke specielr god, de andre er heller ikke tjekket, men det er css

3. mulighed:

.border {
    border: 1px solid #0066CC;
}
.border2 {
    border: 1px solid red;
}

<img onclick="document.getElementByID('tableID').className='border1';">

Så bliver tabellen rød.

cdc - er det den her funktion

onFocus="blur()"

Der gør at den bliver lidt transperant? (Ser på dit sidste link).

Jeg synes jo det ville være mægtigt, hvis billederne som udgangspunkt kunne være transperant(alpa) og når man så klikker på det - bliver pågældende billede vist som normalt (uden tranperant).

Så det må være noget med et active link = normalt
og alle andre a:link= noget transperant.

Kan det lade sig at gøre?

Jeg er ikke en haj til det - men synes det er nogle fine ekspempler *S*

blur sørger for at der ikke kommer en stipled linie "muselort" rundt menuen når den er aktiv

style="filter: alpha(opacity=50)" er den som gør den tranzparent, men som sagt, dette er kun et eks. den er ikke x browser

Findes lignende funktion så ikke (alpha) som du i alle browsere?

ikke hvad jeg ved, mozilla bruger en anden form for filter: -moz-opacity:0.5;

hvad med at lave billederne som de skal være og lave en almidelig rolloverimages menu

man kan også lave en halvt gennemsigtig gif:
http://hjem.get2net.dk/arntsen/eksperten/tabeller/test.htm med gif
http://hjem.get2net.dk/arntsen/eksperten/tabeller/test_01.htm med filter

http://www.grunken.dk/exp/513760.html

Den her giver både opacity og farver borderen rød, så hvis opacity er et ikke fungerede, så sker der stadig noget!

-Der udover må der lige nævnes at din måde at lave html (læs: hvofor alle de tabeller?) på gør det bestemt ikke lettere at scripte til det :o)

-og med henhold til opacity af elementer, så er der p.t. ikke særligt mange browsere der understøtter det, og de alle har en forskellig metode at gøre det på : http://www.quirksmode.org/css/opacity.html

Genialt grunken - næsten som jeg havde drømt om *S*

Det er dog meningen at der kun er 1 billede som må være normalt.

Så hvis billede 1 er normalt og jeg klikker på billede 2. Så skal billede 2 blive normalt og billede 1 alpha og border.

Tror det er en god løsning - kan se at du har garderet både mozilla og windows, og resten ser så den røde streg siger du?

Cdc - kan ikke sidde og lave rolloverimages på billederne. Det kommer jo en hel database af dem, så er det bedre at det kører mere eller mindre automatisk, hvis du forstår :-)

Noget du gider at rette til grunken? *S*

Nogen der kan lave den sidste rettelse? (Ellers lukker jeg)