Отображение изображения взависимости от значения

raiden

Добрый день. Помогите написать скрипт, который в зависимости от значения переменной будет выдавать изображение в зависимости от значения переменной, если скажем y=1 то одно изображение, если y=2 то другое изображение. Скрипт прилагаю, знаю что там море ошибок.
<span id="passp1" class="k">2</span>
 
     <script language="javascript">
 
   var y = document.getElementById('passp1').innerHTML
 
    img1 = new Image (20,20)
    imga = "green.gif"
    img2 = new Image (20,20)
    imgb = "red.gif"
 
    if (y==1)
    {
      document.imga=imga
    }
        else if ( y==2)
        {
          document.imgb=imgb
        }
                else if (y==3)
                {
                  document.imgb=imgb
                }
 
</script>
2 ответа

raiden

<span id="passp1" class="k">3</span>
<div id=myimg></div>
<script language="javascript">
var y = document.getElementById('passp1').innerHTML;
var i = document.getElementById('myimg');
img1 = new Image (20,20);
 
switch (eval(y)){
    case 1: img1.src="green.gif;break;
    case 2: img1.src="red.gif";break;
    case 3: img1.src="red.gif";
}
 
i.appendChild(img1);
</script>
Вот ещё два варианта :
<span id="passp1" class="k">2</span>
<img id=myimg width=20 height=20>
<script language="javascript">
var y = document.getElementById('passp1').innerHTML;
var i = document.getElementById('myimg');
 
switch (eval(y)){
    case 1: i.src="green.gif";break;
    case 2: i.src="red.gif";break;
    case 3: i.src="red.gif";
}
</script>
и так :
<img id=myimg width=20 height=20>
<script language="javascript">
var y = 2 // Непосредственно задаёте y
var i = document.getElementById('myimg');
 
switch (y){
    case 1: i.src="green.gif";break;
    case 2: i.src="red.gif";break;
    case 3: i.src="red.gif";
}
</script>
Првда, в последнем варианте не выводится значение y, но при необходимости можно осуществить.


raiden

Опан большое спасибо.