[JS] Zmiana obrazka po kliknięciu

0

Mam www.iis.elblag.pl/~iis5723/klikanie/

Chodzi mi o oto aby po kliknieciu na dowolny kwadracik zmieniał się na

www.iis.elblag.pl/~iis5723/klikanie/img/mark.jpg

i ponownym kliknieciu wracał do formy startowej.

Udało mi sie zrobic tak ze jeden z kwadratów mozna zaznaczać/odznaczać

Tylko nie wiem jak to zastosowac do wszytkich kwadratów.


<script type='text/javascript'>
<!--
var i=0;
function change()
{
	if(i==0)
	{
		document.example.image.src="img/mark.jpg";
		i++;
	} else {
		document.example.image.src="img/free.jpg";
		i--;
	}
}

//-->
</script>

<body>
	<div class="content">
	
		<form name="example">
		<div class="klik"><img name="image" src="img/free.jpg" onClick="change()"></div>
		</form>
		
	<div class="klik"><img src="img/free.jpg" /></div>
	<div class="klik"><img src="img/free.jpg" /></div>
	<div class="klik"><img src="img/free.jpg" /></div>
	
	</div>

</body>
0 
<script type="text/javascript">
  function change(elm) {
    if (! elm.marked) {
      elm.src = 'img/mark.jpg'; 
      elm.marked = true;
   } else {
      elm.src = 'img/free.jpg';
      elm.marked = false;
   }
  }
</script>

<img src="img/free.jpg" onclick="change(this)" />
<img src="img/free.jpg" onclick="change(this)" />
<img src="img/free.jpg" onclick="change(this)" />

1 użytkowników online, w tym zalogowanych: 0, gości: 1