Скажите, пожалуйста, где ошибка.
почему-то странно работает функция FadeInOut
т.е. работает только первый шаг - увеличение opacity на 0.1
а дальше значение не увеличивается, а консоль пишет "ожидался конец значения, но найдено 0.1. Ошибка при анализе значения opacity. Потерянное объявление"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hello!</title>
</head>
<body>
<script>
FadeInOut = function() {
var oThis = this;
alert(mainobjs[1].style.opacity);
if (mainobjs[1].style.opacity < 1) {
mainobjs[1].style.opacity += 0.1;
var timer = setTimeout(function(){ oThis.FadeInOut(); }, 10);
}
}
window.onload=function(){
mainobjs = document.getElementById("idSlider").getElementsByTagName("li");
for (var i = 0; i < mainobjs.length; i++){
mainobjs[i].style.opacity = 0;
}
FadeInOut();
}
</script>
<ul class="slider" id="idSlider">
<li id="li_1"><img src="http://www.multikino.com/img/films/f_4747/fotos/2.jpg" width="500" height="300" border="0" alt="" title=""></li>
<li id="li_2"><img src="http://www.otterevil.ru/wp-content/uploads/2009/07/Movies_Films_R_RoboCop_010468_.jpg" width="500" height="300" border="0"></li>
<li id="li_3"><img src="http://www.getthebigpicture.net/storage/pics/09/robocop97.jpg" width="500" height="300" border="0" alt="" title=""></li>
<li id="li_4"><img src="http://images.mylot.com/userImages/images/postphotos/1033074.jpg" width="500" height="300" border="0" alt="" title=""></li>
</ul>
</body>
</html>