Посмотрите пожалуйста
есть блок и стили.
<div id="slide">
<div class="slider">
<ul class="items">
<li><img src="images/pila-1.jpg" alt=""><div class="banner"><p class="extra-wrap"><strong>Экшн-игра по мотивам фильма Пила</strong><span>Испытайте на себе роль героев фильма в реальности!</span></p><a href="#">Подробнее</a></div></li>
<li><img src="images/pila-2.jpg" alt=""><div class="banner"><p class="extra-wrap"><strong>Новая игра - Пила 2</strong><span>Еще страшнее, еще больше адреналина и ужаса!</span></p><a href="#">Подробнее</a></div></li>
</ul>
</div>
<div class="banner"><p class="extra-wrap"><strong>Испытайте на себе роль</strong><span>героев фильма в реальности!</span></p><a href="#">Read More</a></div>
<a href="#" class="prev"></a><a href="#" class="next"></a>
</div>
==============================================
Опции.
==============================================
<script>
$(document).ready(function(){
$('.slider')._TMS({
show:0,
pauseOnHover:false,
prevBu:'.prev',
nextBu:'.next',
playBu:false,
duration:10000,
preset:'zoomer',
pagination:true,
pagNums:false,
slideshow:7000,
numStatus:false,
banners:'fade',
waitBannerAnimation:false,
progressBar:false
})
});
</script>
==============================================
Стили
==============================================
#slide { position:relative; width:1264px; height:585px; margin:0 auto; padding:0px 0px 0 0px; z-index:2; background:#000; overflow:hidden;}
.slider {width:1280px; height:465px; margin:0 auto; position:relative; z-index:2; overflow:visible !important; }
==============================================
Скрипт
==============================================
