Ved klik, skift billede

<img src="play.png" onclick="toggleImg(this)">

toggleImg(oImg){
  var img = oImg.src;
  if(img=="play.png"){
      oImg.src = "pause.png";
  }else{
      oImg.src = "play.png";
  }
}

noget i den stil...

Det virker ikke for mig, og kan ikke JS,så kan ikke selv få et til at virke.

<html>
<head>
<title>Switch icon</title>
<script language="javascript">
toggleImg(oImg){
  var img = oImg.src;
  if(img=="http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png"){
      oImg.src = "http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Pause.png";
  }else{
      oImg.src = "http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png";
  }
}
</script>
</head>

<body>
<img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png" onclick="toggleImg(this)">
</body>
</html>

Jeg prøvede, men det virker ikke for  mig, og jeg kan ikke JS, så kan ikke rigtig rette det.

<html>
<head>
<title>Switch icon</title>
<script language="javascript">
toggleImg(oImg){
  var img = oImg.src;
  if(img=="http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png"){
      oImg.src = "http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Pause.png";
  }else{
      oImg.src = "http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png";
  }
}
</script>
</head>

<body>
<img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png" onclick="toggleImg(this)">
</body>
</html>

Beklager, troede ikke den blev oprettet..

der skal lige står function foran toggleImg :) og så retter vi lige script-tag'et

<script type="text/javascript">
function toggleImg(oImg){
  var img = oImg.src;
  if(img=="http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png"){
      oImg.src = "http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Pause.png";
  }else{
      oImg.src = "http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png";
  }
}
</script>

så kan du evt sætte en style på billedet:

<img style="cursor: pointer;" ...>

så din cursor bliver til en hånd når du kører hen over billedet

Tak Splazz, gider du oprete et svar :)

selv tak :)

tak for point

så lidt :)

Tak fordi i benytter Iconfinder :-)