Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][Wyświetlanie obrazk na podstawie wartośći zmiennej]
Forum PHP.pl > Forum > Przedszkole
maryangel
Witam;)

Jak przy użyciu javascriptu wyświetlić obrazek tylko określonej wartośći zmiennej?
erix
Cytat
tylko określonej wartośći zmiennej?

Możesz nieco jaśniej? Określonej wartości zmiennej, czyli nazwa/tekst na obrazku, czy jak?
maryangel
Rzeczywiście z dobrze nie wygląda to co napisałem tongue.gif

myślałem o funkcji do której wyślemy tekst  bądź cyfre a ona na tej podstawie wyświetli odpowiedni obrazek ...
Spawnm
zobacz to:
  1. <script language="JavaScript">
  2. function klik(co){
  3. document.getElementById('klik').innerHTML='<img src='+co+'.jpg>';
  4. }
  5.  
  6. <div id=klik style=" z-index: 2; width:100px; height:25; background-color:black; color: white; " ></div>
  7. <div onclick="klik(1)">klik1</div>

i dostosuj do swoich potrzeb smile.gif
skowron-line
Cytat(Spawnm @ 21.03.2009, 13:24:49 ) *
zobacz to:
  1. <script language="JavaScript">
  2. function klik(co){
  3. document.getElementById('klik').innerHTML='<img src='+co+'.jpg>';
  4. }
  5.  
  6. <div id=klik style=" z-index: 2; width:100px; height:25; background-color:black; color: white; " ></div>
  7. <div onclick="klik(1)">klik1</div>

i dostosuj do swoich potrzeb smile.gif

Wydaje mi sie że bardziej chodzi o tablice obrazów.

  1. <script language="JavaScript">
  2. function klik(co){
  3. var tab = new Array();
  4. tab[1] = '<img src="a.jpg">';
  5. tab[2] = '<iimg src="b.jpg">';
  6. document.getElementById('klik').innerHTML= tab[ co ];
  7. }
  8.  
  9. <div id=klik style=" z-index: 2; width:100px; height:25; background-color:black; color: white; " ></div>
  10. <div onclick="klik(1)">klik1</div>
maryangel
o właśnie właśnie dziękuje , tylko jeszcze jeden problem jak zrobić to bez potrzeby klikania ?smile.gif

  1. function klik(co){
  2. var tab = new Array();
  3. tab[1] = '<img src="on.gif">';
  4. tab[2] = '<iimg src="off.gif">';
  5. document.getElementById('klik').innerHTML= tab[ co ]; 
  6. }
  7.  
  8. </head>
  9.  
  10.  
  11. <script language=javascript>
  12. odswiezaj(1);



:)niestety tak jak mi się wydawało , kolejn raz nie działa winksmiley.jpg Jak zatem to zrobić ?
Spawnm
może w funkcję i setTimeout lub setInterval ?
maryangel
nie za bardzo rozumiem winksmiley.jpg
skowron-line
Cytat(maryangel @ 22.03.2009, 09:16:21 ) *
nie za bardzo rozumiem winksmiley.jpg

A nie można było na google sprawdzić jak to działa
http://www.elated.com/articles/javascript-...nd-setinterval/
maryangel
winksmiley.jpg chodzio o to że za bardzo nie widzę w tym rozwiązania ....
skowron-line
Cytat
o właśnie właśnie dziękuje , tylko jeszcze jeden problem jak zrobić to bez potrzeby klikania ?smile.gif


Przy załadowaniu strony możesz ustawić funkcje setTimeOut żeby po określonej liczbie sekund zmieniła obrazek lub tez użyć funkcji setInterval żeby co kilka sekund zmieniało obrazek.
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.