Здравствуйте. Решил я на юкозе сделать немного нестандартную галерейку, но непонятно почему она работает криво.
Дело вот в чем: там есть собственные глобальные переменные, которые делают блоки на главной странице галереи в зависимости от количества альбомов, т.е. 2 альбома - 2 блока. Нужно чтобы работало стандартное действие - onmouseover и -out с каждым из блоков, а в данный момент работает только один. Когда я навожу на первый блок - работает с первым, а когда на второй - работает опять же с первым.
В редакторе код с глобальной переменной (автономный) выглядит как один блок, и все команды привязаны к нему id'ом, пытался привязать class'ом - не работает вообще.
В общем прошу подсказать что я сделал не так.
Вот автономный код:
| Код |
<html>
<head>
<base href="http://favorit-samara.ucoz.ru/">
<script>
function over() {
document.getElementById('block').style.backgroundColor = '#ffcccc'
document.getElementById('top_left').style.backgroundImage = "url(/images/corners/Red2/top_left.gif)"
document.getElementById('top').style.backgroundImage = "url(/images/corners/Red2/top.gif)"
document.getElementById('top_right').style.backgroundImage = "url(/images/corners/Red2/top_right.gif)"
document.getElementById('left').style.backgroundImage = "url(/images/corners/Red2/left.gif)"
document.getElementById('right').style.backgroundImage = "url(/images/corners/Red2/right.gif)"
document.getElementById('bottom_left').style.backgroundImage = "url(/images/corners/Red2/bottom_left.gif)"
document.getElementById('bottom').style.backgroundImage = "url(/images/corners/Red2/bottom.gif)"
document.getElementById('bottom_right').style.backgroundImage = "url(/images/corners/Red2/bottom_right.gif)"
}
function out() {
document.getElementById('block').style.backgroundColor = '#ffffff'
document.getElementById('top_left').style.backgroundImage = "url(/images/corners/Red/top_left.gif)"
document.getElementById('top').style.backgroundImage = "url(/images/corners/Red/top.gif)"
document.getElementById('top_right').style.backgroundImage = "url(/images/corners/Red/top_right.gif)"
document.getElementById('left').style.backgroundImage = "url(/images/corners/Red/left.gif)"
document.getElementById('right').style.backgroundImage = "url(/images/corners/Red/right.gif)"
document.getElementById('bottom_left').style.backgroundImage = "url(/images/corners/Red/bottom_left.gif)"
document.getElementById('bottom').style.backgroundImage = "url(/images/corners/Red/bottom.gif)"
document.getElementById('bottom_right').style.backgroundImage = "url(/images/corners/Red/bottom_right.gif)"
}
</script>
</head>
<body onload="preloader()">
<div style="cursor: pointer;" align="center">
<table id="block" onclick="window.location.href='$CATEGORY_URL$'" onmouseover="over()" onmouseout="out()" width="92%" cellspacing="0" border="0">
<tr>
<td id="top_left" width="12" height="12" background="/images/corners/Red/top_left.gif"></td>
<td id="top" background="/images/corners/Red/top.gif"></td>
<td id="top_right" width="12" height="12" background="/images/corners/Red/top_right.gif"></td>
</tr>
<tr>
<td id="left" background="/images/corners/Red/left.gif"></td>
<td>
<table>
<tr>
<td width="80" height="80" valign="center">
<?if($CID$='1')?><img width="80" height="80" src="/images/gallery_1.jpg" border="0"><?endif?>
<?if($CID$='2')?><img width="80" height="80" src="" border="0"><?endif?>
<?if($CID$='3')?><img width="80" height="80" src="" border="0"><?endif?>
<?if($CID$='4')?><img width="80" height="80" src="" border="0"><?endif?>
<?if($CID$='5')?><img width="80" height="80" src="" border="0"><?endif?>
<?if($CID$='6')?><img width="80" height="80" src="" border="0"><?endif?>
<?if($CID$='7')?><img width="80" height="80" src="" border="0"><?endif?>
<?if($CID$='8')?><img width="80" height="80" src="" border="0"><?endif?>
<?if($CID$='9')?><img width="80" height="80" src="" border="0"><?endif?>
<?if($CID$='10')?><img width="80" height="80" src="" border="0"><?endif?>
</td>
<td valign="top">
<div style="text-align: center;">
<br>
<b>$CATEGORY_NAME$</b><br>
<br>
$NUM_DATA$ фотографий<br>
</div>
</td>
</tr>
</table>
</td>
<td id="right" background="/images/corners/Red/right.gif"></td>
</tr>
<tr>
<td id="bottom_left" width="12" height="12" background="/images/corners/Red/bottom_left.gif"></td>
<td id="bottom" background="/images/corners/Red/bottom.gif"></td>
<td id="bottom_right" width="12" height="12" background="/images/corners/Red/bottom_right.gif"></td>
</tr>
</table>
</div>
</body>
</html>
|
А вот ссылка на главную страницу галереи http://favorit-samara.ucoz.ru/photo |