Я тьву уже казал - Выкинь скрипт под слайды!!!
Я ни..фи..га не понимаю. 
Куды ЧЕГО менять?
<style>
#pun-announcement table {width: 800px;height: 300px;}
#pun-announcement td {border: 3px solid black; text-align: center;}
#pun-announcement td#impor {font-size: 16px;}
#slideshow {position:relative; height:300px;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}</style>
<center><table><colgroup><col width="20%"><col width="60%"><col width="20%"></colgroup>
<tr style="height: 40%"><td colspan="3" id="impor">
<font size="3"><strong>
<center>
Объединенная Федерация Футбола
Наро-Фоминского муниципального района
</center>
</font><strong>
</td>
</tr><td>
<center>
<img src="http://s017.radikal.ru/i404/1202/fe/bc4fa0e10788.gif" width="200">
</center>
</td><td colspan="4">
<!--Горизонтальное с раздвижкой НАЧАЛО-->
<center><div style="min-height:270px!important;width:90%;padding:2%;border:#D3D3D3 4px ridge">
<style>
.cont_ainsOO{float:left!important;width:70%;display:none;height:270px!important;overflow:auto;
background-color:#525252;color:#F3FFFF;margin:0 -1px;opacity:1!important;
}
div.but_tonOO{border:#898383 2px solid;padding:0;white-space:break-word;letter-spacing:6px;float:left;height:270px!important;width:30px!important;cursor:pointer;background:#CDCDCD url(http://uploads.ru/i/D/t/q/Dtq6G.png) left top repeat-y;margin:2px!important;margin:-2px -2px 0 -2px!important;}
div.Active.but_tonOO{background-color:#F1F1F1;}
</style>
<div style="border:#D3D3D3 2px ridge;background-color:#000;"><div class="but_tonOO"><br /><br /><br /><br />№ 5</div>
<div class="cont_ainsOO">...Тут контент5<br />
...Тут контент5<br /></div>
<div class="but_tonOO"><br /><br /><br /><br /> № 4</div>
<div class="cont_ainsOO">
...Тут контент4<br />
...Тут контент4<br />
</div><div class="but_tonOO"><br /><br /><br /><br />№ 3</div>
<div class="cont_ainsOO">
...Тут контент3
...Тут контент3
</div><div class="but_tonOO"><br /><br /><br /><br />№ 2</div>
<div class="cont_ainsOO">
...Тут контент2<br />
...Тут контент2<br />
</div><div class="but_tonOO Active"><br /><br /><br /><br />№ 1</div>
<div class="cont_ainsOO" style="display:block">
...Тут контент1<br />
...Тут контент1<br />
</div><script>
var Nobusy=true;var timeoutID001;var vSze='';
$(document).ready(function() {
$(".but_tonOO").mouseover(function(){if(Nobusy){if($(this)==vSze){clearTimeout(timeoutID001)}
if($(this).next().css("display")!="block"){Nobusy=false;
$(".but_tonOO").removeClass("Active");
$(this).addClass("Active")
$(".cont_ainsOO").hide('slow'); //Свёртываем все предыдущие;
$(this).next(".cont_ainsOO").toggle('slow',function(){
Nobusy=true;
});
}} else {vSze=$(this);var timeoutID001 = setTimeout('vSze.mouseover()',230)}
});
});
</script></div></div></center>
<!--Горизонтальное с раздвижкой КОНЕЦ--></td>
<tr style="height: 15%">
<td rowspan="10" style="text-align:left;"><ul>
<font size="3"><strong>
<li><a href="http://offnmr.mybb.ru/viewforum.php?id=10">КМФ</a></li>
<li><a href="http://offnmr.mybb.ru/viewforum.php?id=8">КДК</a></li>
<li><a href="http://offnmr.mybb.ru/viewforum.php?id=9">Высшая группа</a></li>
<li><a href="http://offnmr.mybb.ru/viewforum.php?id=7">Первая группа</a></li>
<li><a href="http://offnmr.mybb.ru/viewforum.php?id=6">Мини-футбол 8*8</a></li>
<li><a href="http://offnmr.mybb.ru/viewforum.php?id=11">Вопрос/Ответ</a></li>
<li><a href="http://offnmr.mybb.ru/viewforum.php?id=12">Трясина (Флуд)</a></li>
</font><strong>
</ul></td><tr>
<td id="slideshow"><img height=100% src="http://s019.radikal.ru/i634/1204/04/8ad3bf3d586a.jpg" width="100%">
<img height=100% src="http://s005.radikal.ru/i209/1012/69/cf4af10e0845.jpg" width="100%"></td>
<td>
<marquee behavior="scroll" direction="down" style="text-align: center; height: 300px;"><a href=" http://melor-m.ru/"target="_blank"> <img align="middle" src="http://s005.radikal.ru/i209/1012/69/cf4af10e0845.jpg" width="150"> </a><br>
<a href=" http://futbolffnfmr.mybb.ru/"targe … "> <img align="middle" src="http://i072.radikal.ru/1112/1b/1b4d56e42738.png" width="150"> </a><br>
<a href=" http://melor-m.ru/"target="_blank"> <img align="middle" src="http://s005.radikal.ru/i209/1012/69/cf4af10e0845.jpg" width="150"> </a><br>
<a href=" http://futbolffnfmr.mybb.ru/"targe … "> <img align="middle" src="http://i072.radikal.ru/1112/1b/1b4d56e42738.png" width="150"> </a><br>
<a href=" http://melor-m.ru/"target="_blank"> <img align="middle" src="http://s005.radikal.ru/i209/1012/69/cf4af10e0845.jpg" width="150"> </a><br>
<a href=" http://futbolffnfmr.mybb.ru/"targe … "> <img align="middle" src="http://i072.radikal.ru/1112/1b/1b4d56e42738.png" width="150"> </a><br>
</marquee>
</td>
</tr>
</table></center><script>function slideSwitch() {
var $active = $('#slideshow IMG.active');
if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
var $next = $active.next().length ? $active.next() : $('#slideshow IMG:first');
$active.addClass('last-active');
$next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 1000, function() {$active.removeClass('active last-active');});
};
$(function() { setInterval( "slideSwitch()", 5000 ); });</script>
Отредактировано ganibal (Пт, 20 Апр 2012 16:22:07)
