есть самописная галерея работает с базой данных, получив параметры запрашиваемой галереи делает выборку из бд и генерит 1 видимую таблицу и энное количество не видимых(по кол ву результатов (знаю что криво но меня очень сильно торопят :rolleyes: и никаких возражений что быстро не значит хорошо не принимают:nea:)) так же есть ява скрипт который должен по нажатию на соответсвующую ячейку делать невидимой текущую таблицу а таблицу с ай ди переданным ему с функцией видимой.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<
html>
<
head>
<
title>Галерея<
/title>
<
meta http-equiv="
Content-Type" content="
text/html; charset=cp1251">
<
meta http-equiv="
description" content="
">
<
meta http-equiv="
keywords" content="
">
<
link href="
tpl/css/main.css" rel="
stylesheet" type="
text/css">
<
/head>
<
body>
<
table width="
100%" border="
0" align="
center" cellpadding="
0" cellspacing="
0">
<
tr>
<
td colspan="
3"><
table width="
100%" border="
0" cellpadding="
0" cellspacing="
0">
<
tr>
<
td align="
center" valign="
middle"><
img src="
tpl/img/FIL128.GIF" width="
147" height="
147" alt="
лого" /><
/td>
<
td align="
center" valign="
middle"><
img src="
tpl/img/FIL1396.GIF" width="
700" height="
83" alt="
лого" /><
/td>
<
td align="
center" valign="
middle"><
img src="
tpl/img/FIL129.GIF" width="
147" height="
147" alt="
лого" /><
/td>
<
/tr>
<
/table>
<
/td>
<
/tr>
<
tr>
<
td width="
15%" valign="
top" class="
navi" ><
script type="
text/javascript">
//SuckerTree Vertical Menu 1.1 (Nov 8th, 06)
//By Dynamic Drive:
http://www.dynamicdrive.com/style/var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas
function buildsubmenus(){
for (var i=0; i<
menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<
ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className="
subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="
block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="
none"
}
}
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="
visible"
ultags[t].style.display="
none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)
<
/script>
<
div class="
suckerdiv">
<
ul id="
suckertree1">
<
li><
a href="
index.php">Главная<
/a><
/li>
<
li><
a href="
index.php?con=1">Новости<
/a><
/li>
<
li><
a href="
#">Охота<
/a>
<
ul>
<
li><
a href="
index.php?con=4">Охота на кабана<
/a><
/li>
<
li><
a href="
index.php?con=5">Охота на лося<
/a><
/li>
<
li><
a href="
index.php?con=6">Охота на косулю<
/a><
/li>
<
li><
a href="
index.php?con=7">Охота на вальдшнепа<
/a><
/li>
<
li><
a href="
index.php?con=8">Охота на фазана<
/a><
/li>
<
li><
a href="
index.php?con=9">Натаска и притравка собак на кабана<
/a><
/li>
<
/ul>
<
/li>
<
li><
a href="
#">Рыбалка<
/a>
<
ul>
<
li><
a href="
index.php?con=10">Рыбалка на щуку<
/a><
/li>
<
li><
a href="
index.php?con=11">Рыбалка на окуня<
/a><
/li>
<
li><
a href="
index.php?con=12">Рыбалка на карпа<
/a><
/li>
<
li><
a href="
index.php?con=13">Рыбалка на линя<
/a><
/li>
<
li><
a href="
index.php?con=14">Рыбалка на форель<
/a><
/li>
<
/ul>
<
/li>
<
li><
a href="
#">База отдыха<
/a>
<
ul>
<
li><
a href="
index.php?con=15">Местоположение<
/a><
/li>
<
li><
a href="
index.php?con=16">Гостиница и коттеджи<
/a><
/li>
<
li><
a href="
index.php?con=17">Питание на базе отдыха<
/a><
/li>
<
li><
a href="
#">Прайс-лист<
/a>
<
ul>
<
li><
a href="
index.php?con=18">Прейскурант на проживание<
/a><
/li>
<
li><
a href="
index.php?con=18&act=1">Охота<
/a><
/li>
<
li><
a href="
index.php?con=18&act=2">Рыбалка<
/a><
/li>
<
li><
a href="
index.php?con=18&act=3">Прочие услуги<
/a><
/li>
<
/ul>
<
/li>
<
/ul>
<
/li>
<
li><
a href="
#">Отдых и развлечения<
/a>
<
ul>
<
li><
a href="
index.php?con=19">Русская баня<
/a><
/li>
<
li><
a href="
index.php?con=20">Прокат<
/a><
/li>
<
li><
a href="
index.php?con=21">Отдых на природе, пикники<
/a><
/li>
<
li><
a href="
index.php?con=22">Пейнтбол<
/a><
/li>
<
li><
a href="
index.php?con=23">Круглогодичный дайвинг<
/a><
/li>
<
li><
a href="
index.php?con=24">Корпоративные заезды<
/a><
/li>
<
/ul>
<
li><
a href="
index.php?con=25">Фотогалерея<
/a><
/li>
<
li><
a href="
index.php?con=27">Видео<
/a><
/li>
<
li><
a href="
/forum/index.php">Форум<
/a><
/li>
<
li><
a href="
index.php?con=3">Оформить заказ онлайн<
/a><
/li>
<
/ul>
<
/div><
/td>
<
td rowspan="
3" align="
center" valign="
top" class="
main">
<
table width="
100%" border="
0" align="
center" cellpadding="
4" class="
main">
<
tr>
<
td align="
center" valign="
middle"><
img src="
tpl/img/FIL116.GIF" width="
468" height="
60" alt="
реклама"><
/td>
<
/tr>
<
tr>
<
td height="
25" align="
center" valign="
top"><
table width="
100%" border="
0" cellspacing="
0" cellpadding="
0" id="
n1"> <
tr>
<
td colspan="
2" align="
center" valign="
bottom" >Тестовое<
/td>
<
/tr>
<
tr>
<
td colspan="
2" align="
center" valign="
bottom" ><
img src="
galery/banya/mini1.jpg" alt="Текст"/><
/td>
<
/tr>
<
tr>
<
td colspan="
2" align="
center" valign="
bottom" >Тест<
/td>
<
/tr>
<
tr>
<
td width="
50%" align="
center" valign="
middle" style="
cursor:pointer" onclick="
img(n0,n1)"><<Предыдущая<
/td>
<
td width="
50%" align="
center" valign="
middle" style="
cursor:pointer" onclick="
img(n2,n1)">Следующая>><
/td>
<
/tr>
<
/table>
<
table class="
invis" width="
100%" border="
0" cellspacing="
0" cellpadding="
0" id="
n2"> <
tr>
<
td colspan="
2" align="
center" valign="
bottom" >Имя<
/td>
<
/tr>
<
tr>
<
td colspan="
2" align="
center" valign="
bottom" ><
img src="
galery/banya/mini2.jpg" alt="Банька"/><
/td>
<
/tr>
<
tr>
<
td colspan="
2" align="
center" valign="
bottom" >комент <
/td>
<
/tr>
<
tr>
<
td width="
50%" align="
center" valign="
middle" style="
cursor:pointer" onclick="
img(n1,n2)"><<Предыдущая<
/td>
<
td width="
50%" align="
center" valign="
middle" style="
cursor:pointer" onclick="
img(n3,n2)">Следующая>><
/td>
<
/tr>
<
/table>
<
script type="
text/javascript">
function img(s,h)
{
getElementById(h).style.display = "none";
getElementById(s).style.display = "block";
}
<
/script><
/td>
<
/tr>
<
/table><
/td>
<
td width="
15%" class="
navi"> <
/td>
<
/tr>
<
tr>
<
td width="
15%" align="
center" valign="
top" class="
navi" ><
img src="
tpl/img/FIL117.GIF" width="
120" height="
60" alt="
Реклама" /><
/td>
<
td width="
15%" align="
center" valign="
top" class="
navi"><
img src="
tpl/img/FIL117.GIF" width="
120" height="
60" alt="
Реклама" /><
/td>
<
/tr>
<
tr>
<
td width="
15%" height="
16" valign="
top" class="
navi" id="
navi2"> <
/td>
<
td width="
15%" class="
navi"> <
/td>
<
/tr>
<
tr>
<
td height="
25%" colspan="
3" align="
center" valign="
top" class="
navi">©Зайцева гора<
/td>
<
/tr>
<
tr>
<
td colspan="
3" align="
center" valign="
top" class="
navi"><
a href="
http://users.skynet.be/mgueury/mozilla/">
<
img src="
http://users.skynet.be/mgueury/mozilla/serial_16.gif"
alt="
Validated by HTML Validator" height="
16" width="39"/>
<
/a><
/td>
<
/tr>
<
/table>
<
/body>
<
/html>