Слайдер видео или картинок в блоке. DEMO - http://test-slide.ucoz.ru/
* Вставляем на главной между <head> и </head>
<script type="text/javascript" src="/js/slider.js"></script>
<style type="text/css" media="all">@import url(/css/slider.css);</style>
* Если хотите слайдер картинок то:
** Создаем блок и вставляем в него код
<div id="slider1" class="sliderwrapper">
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/1.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/2.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/3.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/4.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/5.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/6.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/7.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/8.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/9.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/10.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/11.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/12.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/13.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/14.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/15.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
</div>
<div id="paginate-slider1" class="pagination"> </div>
<script type="text/javascript">
featuredcontentslider.init({id: "slider1",contentsource: ["inline", ""],toc: "#increment",nextprev: ["", ""],revealtype: "click",enablefade: [true, 0.1],autorotate: [true, 3000],onChange: function(previndex, curindex){}})
</script>
<br>
</div>
* Если хотите слайдер видео то:
** Создаем блок и вставляем в него код что ВЫШЕ и заменяем
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<a href="ССЫЛКА НА СТРАНИЦУ МАТЕРИАЛА">
<img src="/slider_img/15.jpg" width="180" alt="" title="ОПИСАНИЕ"><br>ТЕКСТ ССЫЛКИ</a>
</div>
* На этот код:
<div class="contentdiv" style="margin-left:0px; width:195px; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;">
<object width="180" height="180">
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="ССЫЛКА НА ВИДЕО&autoplay=0&loop=0&rel=0&showinfo=0&fs=1?enablejsapi=1&playerapiid=ytplayer" />
<param name="wmode" value="transparent">
<embed src="ССЫЛКА НА ВИДЕО&autoplay=0&loop=0&rel=0&showinfo=0&fs=1?enablejsapi=1&playerapiid=ytplayer" type="application/x-shockwave-flash" wmode="transparent" allowfullscreen="true" allowscriptaccess="always" width="180" height="180">
</embed>
</object>
</div>
* Размер видео и ссылки вставите свои. Не забываем благодарить 
* Картинки, JS и CSS в архиве http://depositfiles.com/files/8vgm1kcow
