[JavaScript][Wyświetlanie obrazk na podstawie wartośći zmiennej], jak ? Opcje

[maryangel]

Witam;)

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

[erix]

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 (IMG:http://forum.php.pl/style_emoticons/default/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:

[HTML] pobierz, plaintext 
<script language="JavaScript">
function klik(co){
  document.getElementById('klik').innerHTML='<img src='+co+'.jpg>';  
}
</script>
 
<div id=klik style=" z-index: 2; width:100px; height:25; background-color:black; color: white;   " ></div>
<div onclick="klik(1)">klik1</div>
[HTML] pobierz, plaintext 

i dostosuj do swoich potrzeb (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[skowron-line]

zobacz to:

[HTML] pobierz, plaintext 
<script language="JavaScript">
function klik(co){
  document.getElementById('klik').innerHTML='<img src='+co+'.jpg>';  
}
</script>
 
<div id=klik style=" z-index: 2; width:100px; height:25; background-color:black; color: white;   " ></div>
<div onclick="klik(1)">klik1</div>
[HTML] pobierz, plaintext 

i dostosuj do swoich potrzeb (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

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

[HTML] pobierz, plaintext 
<script language="JavaScript">
function klik(co){
var tab = new Array();
tab[1] = '<img src="a.jpg">';
tab[2] = '<iimg src="b.jpg">';
  document.getElementById('klik').innerHTML= tab[ co ];  
}
</script>
 
<div id=klik style=" z-index: 2; width:100px; height:25; background-color:black; color: white;   " ></div>
<div onclick="klik(1)">klik1</div>
[HTML] pobierz, plaintext 

[maryangel]

o właśnie właśnie dziękuje , tylko jeszcze jeden problem jak zrobić to bez potrzeby klikania ?(IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[HTML] pobierz, plaintext 
function klik(co){
var tab = new Array();
tab[1] = '<img src="on.gif">';
tab[2] = '<iimg src="off.gif">';
document.getElementById('klik').innerHTML= tab[ co ]; 
}
 
</script>
</head>
 
 
<script language=javascript>
odswiezaj(1);
</script>
[HTML] pobierz, plaintext 

:)niestety tak jak mi się wydawało , kolejn raz nie działa (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Jak zatem to zrobić ?

[Spawnm]

może w funkcję i setTimeout lub setInterval ?

Ten post edytował Spawnm 21.03.2009, 15:01:19

[maryangel]

nie za bardzo rozumiem (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[skowron-line]

nie za bardzo rozumiem (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

A nie można było na google sprawdzić jak to działa
http://www.elated.com/articles/javascript-...nd-setinterval/

[maryangel]

(IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) chodzio o to że za bardzo nie widzę w tym rozwiązania ....

[skowron-line]

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.