Добрый день.
Делаю что-то типа игрушки "Найди карту". Выкладываю на стол 4 карты(картинки во вложении), вешаю на каждую событие, по которому вызывается функция обращения к соответствующей карте.
<style type="text/css">
img
{
margin:30px 5px;
cursor:pointer;
border-radius:5px;
}
div
{
background-color:#999;
}
</style>
<script type="text/javascript">
<!--
var cards= new Array("11.png","12.png","13.png","14.png","rub.png");
function opencard(num)
{
var img=document.getElementsByTagName("IMG")[num];
window.alert(num);
img.src=cards[num];
}
window.onload=function()
{
var img=document.getElementsByTagName("IMG")
for (var i=0; i<img.length;i++)
{
img[i].src=cards[img.length];
img[i].onclick=opencard(i);
}
}
//-->
</script>
<div align="center">
<img />
<img />
<img />
<img /><br>
</div>
Проблема в том что у меня карты переворачиваются не по клику а при загрузки страницы. Это связано с использованием img[i].onclick=opencard(i);. Как правильно задать события для каждой карты?