Hjælp til udvidet styleskift

<ole>

Det letteste og mest generiske ville være at lægge dem som baggrundsbilleder i et par divs. Så kan du jo bare angive et nyt billede i din CSS  :)

/mvh
</bole>

Du kan også bruge javescript til at ændre src-property i dit img-tag:
<img src='billeder/style1/billede.jpg' id='billede'>
Dette id kunne være hvad som helts, men jeg har her valgt at kalde det billede..

Du kan nu skifte src med javascript på følgende måde:
document.getElementById("billede").src = "billeder/style2/billede.jpg";

hmm.. jeg må indrømme, efter at have set lidt nærmere på tingene, at det ,som olebole skriver, er lidt nemmere at integrere det med et baggrundsbillede..

/1..

Ja - det er det helt klart. Men jeg ville jo gerne have nogle af billederne til at linke til noget. Nogen smart metode til det?

Ja, det gør i hvert fald, man kan bruge det samme JavaScript overalt, uden at skulle huske, hvilke versioner af filen, der også skifter to billeder i dokumentet ... hvilket var, hvad jeg mente med 'generisk'  :)

pehory >> jeg tror, du skal finde ud af, havd det egentlig er, du vil ... og så skrive det. Ellers kan vi vist blive ved med at gætte på løsninger, der ikke hjælper  :)

Jeg skal have nogle billeder der skifter sti samtidig med at stylet skifter.
Du foreslår så at jeg kan putte det i css'en som baggrundsbilleder, hvilket jo er smart nok. Men problemet heri er at billederne skal fungere som link, og jeg ikke lige kan se metoden at gøre dette på hvis billederne ligger som baggrundsbilleder i css'en.

Så er du nødt til at skrive scriptet om, som kvadratroden foreslår

Hvorfor skal linksne ændres?? Det kan jo være, der er en anden metode at bruge..

Jeg spørger, fordi det virker underligt at ændre linksne, fordi der bruges et andet design..

Det er ikke linksne der skal ændres. Det er billedet.

Okay ... så tror jeg, vi er ved at være i nærheden af at have fået pakket spørgsmålet ud  :)

<div class="myClass" onclick="location.href='http://www.google.dk'">Et div, der fungerer som link til Google</div>

ahh.. så faldt tiøren også for mig :P..

... og du kan også bare bruge et link:

<a href="#" style="width:200px;height:150px;display:block;background-image:url(myPic.jpg)">TESTING</a>

- hvor de forskellige features naturligvis sættes med CSS via en klasse  :)

Olebole -> Hvad går dit display:block; ?

display bestemmer, om der skal komme linjeskift efter tagget.. hvis display:block; vil der være et linjeskift, hvis display:inline; vil der ikke være et linjeskift.. et a-tag vil normalt ikke have linjeskift efter sig, men dette kan man altså kompensere for ved at skrive display:block;..
det, olebole har skrevet, svarer til:
<a href="#" style="width:200px;height:150px;background-image:url(myPic.jpg)">TESTING</a><br>
jeg kan ikke lige gennemskue, hvorfor han har lavet linjeskiftet, men du kan jo bare udelade det, hvis du ikke har brug for det..

/1..

Tak skal i have begge to. Jeg har benyttet mig af oleboles forslag om en div.
Læg et svar Ole. Så får i begge point for jeres bud.

Jeg skal ikke have points, da jeg ikke er kommet med et brugbart forslag på dit spm..

/1..

Helt okay. Så mangler jeg bare lige et svar fra Ole, hvis han da vil have point?

Går ikke ud fra at ole vil have point.
Ellers må du sige til.