Byta bild 2ggr på samma länk

<script type="text/javascript">
var b = 0;
</script>

<a href="#" onclick="document.getElementById('bilden').src=(++b%2==0)?'bild1.gif':'bild2.gif'">Byt bild</a>

<img src="bild1.gif" id="bilden" />

Alldeles lysande!

Tack!

Detta verkar lite buggigt i IE...
Vissa ggr man klickar på länken så visas inte bilden, men om man högerklickar och väljer "visa bild" (där bilden egentligen skall visas) så kommer bilden fram.
Och ibland visas bara 1/3 av bilden osv.

I FF fungerar det klockrent!

Använder IE 6 SP2 när det inte fungerar

Kanske är det problem med att bilden inte har laddats in.
Testa att ändra till

<script type="text/javascript">
var b = 0;
(new Image()).src = "bild2.gif";
</script>

dectgap skrev:

Kanske är det problem med att bilden inte har laddats in.
Testa att ändra till

<script type="text/javascript">
var b = 0;
(new Image()).src = "bild2.gif";
</script>

Ja, något bättre...
Nu visas den andra bilden korrekt när man klickar på länken.
Men när man sedan klickar igen för att återgå till orginalbilden så visas inte den istället, eller jo delvis..ibland och ibland inte :OO

Det borde inte göra någon skillnad med följande, men det är ändå värt ett försök:

<script type="text/javascript">
var b = 0;
(new Image()).src = "bild1.gif";
(new Image()).src = "bild2.gif";
</script>

Egentligen borde bild1.gif inte behöva förladdas, eftersom den laddas till img-elementet, men som sagt är det värt ett försök.

Äh, det får duga så länge iaf :)