[js][css]Podmiana zdjęć Opcje

[Peqper]

Witam.

Mam następujący problem, którego rozwiązania nie znajduję w swojej głowie, dlatego liczę na Wasze doświadczenie i wiedzę.

Mam np. grafike z czerwonym kwadratem, a pod nim button "zielony", ktorego klikniecie powoduje zmiane graf. z czerw. kwadratem na graf. z zielonym kwadratem, a button pod grafika zmiena wartosc na "czerwony". Czyli petelka. Jak juz wspomnialem, nie mam pojecia jak to rozwiazac.

Liczę na Waszą pomoc.

Pozdrawiam

Powód edycji: dodalem tag (cysiaczek)

[Cezar708]

podpowiem krótkim kodem:

[HTML] pobierz, plaintext 
<script>
function zmien(){
  document.getElementById('obrazek').src = 'zielony.jpg';
  document.getElementById('button').style.backgroundColor = 'red';
}
</script>
<img id='obrazek' src='czerwony.jpg' alt=''>
<input type='button' name='kliknij' id='button' style='background-color: green' onclick='zmien()' />
[HTML] pobierz, plaintext 

na pozostałe szczegóły myślę, że sam wpadniesz jak rozwiązać

Pozdrawiam

[Peqper]

Witam ponownie.

Kod jak najbardziej odpowiada moim oczekiwaniom. Probówałem rozkminić jak zapętlić cała akcję, ale niestety nie udało mi się...
Także pozostaje mi prosić o drugie koło ratunkowe:)

[l0ud]

Dodaj taki warunek (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[HTML] pobierz, plaintext 
<script>
function zmien(){
	if (document.getElementById('button').style.backgroundColor == 'green') {
		document.getElementById('obrazek').src = 'zielony.jpg';
		document.getElementById('button').style.backgroundColor = 'red';
	}
	else {
		document.getElementById('obrazek').src = 'czerwony.jpg';
		document.getElementById('button').style.backgroundColor = 'green';
	}
}
</script>
<img id='obrazek' src='czerwony.jpg' alt=''>
<input type='button' name='kliknij' id='button' style='background-color: green' 
 
onclick='zmien()' />
[HTML] pobierz, plaintext 

[Peqper]

Dziękuję za pomoc! Już oddaję na Was głos:)