Показать сообщение отдельно
  #1 (permalink)  
Старый 15.08.2008, 15:52
Aimless
 
Сообщений: n/a

Изменение имиджа по таймеру с помощью CSS и JavaScript
У меня возникла проблема с отображением имиджа по таймеру в Firefox, но в ie все хорошо, т.е. имиджи, которые я определил в массиве отображаются с периодом 1 сек. Подскажите где кроется ошибка, а может быть лучше сделать по другому?
Скрипт (поиск DIV класса present и замена поля background):
Код:
<script language="JavaScript" type="text/javascript">
      i=0;
      img_a=new Array()
                                                
      img_a[0]="url(image/back.jpg) no-repeat scroll 100% 100%;"                        
                                                               
      img_a[1]="url(image/back_2.jpg) no-repeat scroll 100% 100%;"                        
function img_b()
{
    var coll = document.getElementsByTagName("Div");
   for(var j=0; j<coll.length; j++)
    {
      if(coll[j].className == "present")
        {
           coll[j].style.background=img_a[i];
       }
    }    
    i++   
 if(i>1) {
        i=0;
 }
 setTimeout("img_b()", 1000)
}
</script>


CSS стиль
Код:
.present {   
   height: 240px;
   width: 100%;   
   background: url(image/back.jpg) no-repeat scroll 100% 100%;
}



HTML
Код:
<body onLoad=img_b()>
<div class="present"></div>

Последний раз редактировалось Андрей Параничев, 15.08.2008 в 16:42.
Ответить с цитированием