skifte billede ved onclick

Utestet:

<img src="billede1.gif" onclick="skiftBillede(this);">

<script>
var billedIndex = 0;
function skiftBillede(objBillede){
  billedIndex = (billedIndex == 0) ? 1 : 0;
  objBillede.src = (billedIndex == 0) ? "billede1.gif" : "billede2.gif";
  }
</script>

-- og endnu simplere (selv om ldanielsens metode kan være at foretrække i en hel del situationer !-)

<image src="pic1.jpg" onclick="this.src=(this.src.indexOf('1.jpg')>0)?'pic2.jpg':'pic1.jpg';"

hvis jeg billedet ligger i en div tag og jeg iforvejen har et onclick hvordan gør jeg så?

<div onclick=TogglePanel("[ID]")><img src="billede1.gif"></div>

vil det nemmeste ikke være at give billedet et id og tilgå dette? i onclick på divtagget?

Fordelen ved at bruge onclick på billedet er at du med this får en direkte reference til billedet.

Men du kan godt have en onClick på begge, blot vil billedet så kun skifte hvis du rammer det, ikke hvis du klikker i div'en, men ved siden af billedet.

Er dette acceptabelt? ellers kan du gøre sådan:
<div onclick="TogglePanel('[ID]'); skiftBillede('myImage');"><img src="billede1.gif" id="myImage"></div>

<script>
var billedIndex = 0;
function skiftBillede(strID){
  var objBillede = document.getElementById(strID);
  billedIndex = (billedIndex == 0) ? 1 : 0;
  objBillede.src = (billedIndex == 0) ? "billede1.gif" : "billede2.gif";
  }
</script>

-- og man kan stadig bruge den direkte metode:

<div onclick="TogglePanel('[ID]');this.firstChild.src=(this.firstChild.src.indexOf('1.jpg')>0)?'billede2.jpg':'billede1.jpg';"><img src="billede1.gif"></div>

har fået det løst
brugte en nemmere metode

  var ArrowImg = document.getElementById(id+"arrow");
  if (s=="none") {
  ArrowImg.src="arrow_left.gif";
  } else {
  ArrowImg.src="arrow_down.gif";
  }

S er en status på om divtag som enten er åbent eller lukket

OK

Så kan du jo benytte den "smarte" syntaks:
var ArrowImg = document.getElementById(id+"arrow");
ArrowImg.src = (s=="none") ? "arrow_left.gif" : "arrow_down.gif";

Eller helt kort:

document.getElementById(id+"arrow").src = (s=="none") ? "arrow_left.gif" : "arrow_down.gif";