Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js][css]Podmiana zdjęć
Forum PHP.pl > Forum > Przedszkole
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
Cezar708
podpowiem krótkim kodem:

  1. function zmien(){
  2. document.getElementById('obrazek').src = 'zielony.jpg';
  3. document.getElementById('button').style.backgroundColor = 'red';
  4. }
  5. <img id='obrazek' src='czerwony.jpg' alt=''>
  6. <input type='button' name='kliknij' id='button' style='background-color: green' onclick='zmien()' />


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 smile.gif

  1. function zmien(){
  2. if (document.getElementById('button').style.backgroundColor == 'green') {
  3. document.getElementById('obrazek').src = 'zielony.jpg';
  4. document.getElementById('button').style.backgroundColor = 'red';
  5. }
  6. else {
  7. document.getElementById('obrazek').src = 'czerwony.jpg';
  8. document.getElementById('button').style.backgroundColor = 'green';
  9. }
  10. }
  11. <img id='obrazek' src='czerwony.jpg' alt=''>
  12. <input type='button' name='kliknij' id='button' style='background-color: green'
  13.  
  14. onclick='zmien()' />
Peqper
Dziękuję za pomoc! Już oddaję na Was głos:)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.