Привет всем... Изучаю потихоньку javascript. Не могу понять почему не работает данный код:
<html>
<head>
</head>
<body>
<img id="myimg" src="kia_spectra_1.jpg">
<img id="myimg2" src="top-left.jpg">
<script type="text/javascript" src="wz_tooltip.js"></script>
<script type="text/javascript">
var stroka = 'myimg,myimg2';
var arr = stroka.split(",");
for (i=0; i<arr.length; i++)
{
var img = new Array();
var e = new Array();
var str = new Array();
img[i] = document.getElementById(arr[i]);
e[i] = img[i].getAttribute("src");
str[i] = '<img src="'+ e[i] +'" width="100">';
img[i].addEventListener('mouseover',function (e) {Tip(str[i]).call;},false);
img[i].addEventListener('mouseout',function (e) { UnTip().call; },false);
}
</script>
</body>
</html>
В скрипте wz_tooltip.js(
http://www.walterzorn.com) описаны функции Tip(string) и UnTip().
Tip() плавно выводит окно с переданной строкой или рисунком, переданном в виде <img src="xxx" width="yyy">. UnTip() прекращает вывод. В данном случае выводится только последняя картинка... Где загвоздка?