При клик да се променя картинката

[human]

Как мога да направя така , че като някой кликне на картинката да се сменя с нова , а ако пак кликне да се връща старата
Ето така пробвам аз

  function lubimi() {
	if(document.lub.src == 'lubimim.jpg') {
	       document.lub.src = 'lubimia.jpg';
	}
	else { document.lub.src = 'lubimim.jpg'; }
   }

<a href="#"><img src="lubimia.jpg" border="0" id="lub" onclick="javascript: lubimi();" /></a>

 

[emagi]

Виж тук

mg1 = "arrow_right.gif";
img2 = "arrow_down.gif";
function chng(c_img) {
if (document[c_img].src.indexOf(img1)!= -1) document[c_img].src = img2;
else document[c_img].src = img1;
}

<a href="javascript:chng('img');"><img src="arrow_right.gif" name="img"></a>

 

[svilkaa]

add.php

<?php
header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header ("Cache-Control: no-cache, must-revalidate");
header ("Pragma: no-cache");
header ("Content-Type: text/plain; charset=windows-1251");
?>

<?php
$id = $_GET['id'];
?>
<a href="javascript: showHint('del.php','?id=5','divid');"><img src="icon_www.gif" border="0"></a>

del.php

<?php
header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header ("Cache-Control: no-cache, must-revalidate");
header ("Pragma: no-cache");
header ("Content-Type: text/plain; charset=windows-1251");
?>

<?php
$id = $_GET['id'];
?>
<a href="javascript: showHint('add.php','?id=5','divid');"><img src="icon_pm.gif" border="0"></a>

index.php

<script type="text/javascript" src="js.js"></script>
<div id="divid"><a href="javascript: showHint('add.php','?id=5','divid');"><img src="icon_pm.gif" border="0"></a></div>

js.js

var xmlHttp

function showHint(file,str,iddiv)
{
    if (str.length==0)
      {
          document.getElementById(iddiv).innerHTML="Не е зададена песен!"
          return
      }
	if (file.length=='')
      {
          document.getElementById(iddiv).innerHTML="Не е зададен файл!"
          return
      }
    xmlHttp=GetXmlHttpObject()
    if (xmlHttp==null)
      {
          alert ("Браузъра не поддържа HTTP Request")
          return
      }
    url=file+str
    xmlHttp.onreadystatechange=function() { stateChanged(iddiv) }
    xmlHttp.open("GET",url,true)
    xmlHttp.send(null)
}

function stateChanged(iddiv)
{
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
     {
	 if (xmlHttp.status == 200) {
         document.getElementById(iddiv).innerHTML=xmlHttp.responseText
		 }
	 else
		 {
		 alert('Не е върнат отговор от сървъра!');
		 }
     }
}

function GetXmlHttpObject()
{
    var xmlHttp=null;
    try
     {
         xmlHttp=new XMLHttpRequest();
     }
    catch (e)
     {
         try
          {
              xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
          }
         catch (e)
          {
              xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
          }
     }
    return xmlHttp;
}

 

[human]

emagi , мерси , но на svilkaa кода ще ми свърши по-добра работа

 

[StormBreaker]

Толкова код за нищо :shock:

<img src="kartinka1.jpg" border="0" id="lub" onclick="this.src='kartinka2.jpg';" />