Установка:Создаем новый блок и вставляем туда данный код:

<script type="text/javascript" src="http://gold-elite.net.ru/steam/contentslider.js"></script>
<link rel="stylesheet" type="text/css" href="http://prof-games.net.ru/skripimg/contentslider.css">
<center><div class="layer"><div id="game-mid"><div id="slider1" class="sliderwrapper">
<div style="display: block; z-index: 8; opacity: 1.1; visibility: visible;" class="contentdiv"><center><a href="ссылка1"><img src="картинка1" alt="" title="название1" height="216" width="170"></a></center></div><div style="display: none; z-index: 7; opacity: 1; visibility: visible;" class="contentdiv"><center><a href="ссылка2"><img src="картинка2" alt="" title="название2" height="212" width="170"></a></center></div><div style="display: none; z-index: 6; opacity: 1; visibility: visible;" class="contentdiv"><center><a href="ссылка3"><img src="картинка3" alt="" title="название3" height="212" width="170"></a></center></div><div style="display: none; z-index: 5; opacity: 1.1; visibility: visible;" class="contentdiv"><center><a href="ссылка4"><img src="картинка4" alt="" title="название4" height="215" width="170"></a></center></div><div style="display: none; z-index: 4; opacity: 1.1; visibility: visible;" class="contentdiv"><center><a href="ссылка5"><img src="картинка5" alt="" title="название5" height="215" width="170"></a></center></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, 5000],onChange: function(previndex, curindex){}})</script>
</div></div>
</div></center>

PS-не забываем поменять следущее в коде на свое:
ссылка 1;2;3;4;5
картинка 1;2;3;4;5
название 1;2;3;4;5

Источник : walking-shadow.at.ua

Кому помог поставте + плиз)