Anvende given class med eventhandler?

jeg ved ikke helt hvordan det skal løses med js, men det behøver du heller ikke. det kan klares med css alene:

<a href="#"><img src="images/thumps/01.jpg" class="image" width="40" height="30" alt="" border="0"></a>

og din css:

a:hover img.image {
  [style til dit billede]
}

=)

ja, okay. det virker ikke i ie. bare glem hvad jeg skrev.

=)

-- og du ved vel godt, at ændring af eet className medfører, at hele renderingen af websiden starter fuldstændig forfra ?-)

3xm: OK

roenving: ?

Det her virker vist:

<a href="#" id="thump06A" onClick="document.getElementById('thump06A').className='image'"><img src="images/thumps/06.jpg" width="40" height="30" alt="" border="0"></a>

D.v.s. syntaksen er: document.getElementById('thump06A').className='image'"

Er der nogen der har forslag til rene CSS-løsninger?

Som du måske er klar over, opretter browseren et fuldt bibliotek over hvordan hvert enkelt element skal renderes under forskellige betingelser (bl.a. hover m.m.) når siden loader ud fra samtlige properties, som har indvirkning på dette, og opbygger derudfra det billede brugerne ser ...

Hvis du ændrer en (eller 100 !-) properties på enkelt-elementer går browseren bare ind og ændrer den property (eller een af gangen de 100), cascader den eventuelt og tilpasser billedet ...

Ændrer du eet eneste className, smider den simpelthen biblioteket væk og starter helt forfra ...

Næppe noget, som kan genere ved en mindre/simpelt opbygget side, men har du en meget kompliceret opbygning (med masser af nestede elementer f.eks.) eller en side som består af mange elementer, kan det komme til at betyder sekunders beregning, selv på de nyeste computere !o]

-- og hvilket grafikkort ændrer ikke på det, for det er de forudsætninger renderingen skal bygge på, som kastes i havet ...


Men der er i hvert fald ingen grund til at gå over åen for at ringe efter en taxa med en vanddunk:

<a href="#" id="thump06A" onClick="this.className='image'"><img src="images/thumps/06.jpg" width="40" height="30" alt="" border="0"></a>

-- og en onclick kan man slet ikke med css, mens den hover-løsning 3xm viser, desværre ikke virker i så mange af verdens installerede browsere !-)

Nej, det vidste jeg ikke. Ja, siden er meget kompleks med mange objekter.

Da jeg regner med i en automatiseringsproces at skifte class'en 'image' ud med 'imageA', så må jeg nok være forberedt på at skifte taktik … Thx anyway …

Hvis du smider et svar, så skal du få et skind - nu da bjørnen er skudt i et glashus på den anden side af åen hvor græsset ikke er grønnere – og hvor de perler der er kastet for solen, som står op i en sæk, alligevel kan findes af blind høne … ;-)

*rotflmao*

Velbekomme '-)

U'r welcome :)

(det er så nu du accepterer roenvings svar så vi kan få lukket dette spørgsmål)

=)

Hmm, mystisk - det har jeg gjort ... og gør det nu igen ...

... og igen ...

... og igen ...

... og ...

du skal vist trykke på accepter- og ikke send-knappen.

=)

og også vælge ham på listen.

- bliver det for pædagogisk nu?

=)

Jeg trykker kun på 'Accepter' ... hvorunder der står "Eventuelle beskeder skrevet herunder, kommer med som kommentar."

Kun 'roenving' står på listen ...

jamen husker du også at trykke på ham på listen - også selvom han er den eneste?

=)

LoL - Nej

hehe...

=)

Senil demens i et svært fremskedet stadie ... bare vent, det rammer også dig en dag ;-)

Ja, men forhåbentlig ikke i så ung en alder *lol*

-- og tak,

-- og tak,

-- og tak,

-- og tak,

tak for point ;~}