Образец на сайте unkowngames.ru (НЕ РЕКЛАМА)
Исправлена ошибка откривания 2 шапок сразу тепер всё нормуль. [Table]
<link type="text/css" rel="StyleSheet" href="http://unkowngames.ru/js/slider.css">
<script type="text/javascript" src="http://unkowngames.ru/js/content.js"></script>
<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" align="right">
<img border="0" src="http://unkowngames.ru/heads/right0.png">
</div>
<div style="display: none; z-index: 7; opacity: 1; visibility: visible;" class="contentdiv" align="right">
<img border="0" src="http://unkowngames.ru/heads/right11.png">
</div>
<div style="display: none; z-index: 7; opacity: 1; visibility: visible;" class="contentdiv" align="right">
<img border="0" src="http://unkowngames.ru/heads/right1.png">
</div>
<div style="display: none; z-index: 7; opacity: 1; visibility: visible;" class="contentdiv" align="right">
<img border="0" src="http://unkowngames.ru/heads/right7.png">
</div>
<div style="display: none; z-index: 6; opacity: 1; visibility: visible;" class="contentdiv" align="right">
<img border="0" src="http://unkowngames.ru/heads/right2.png">
</div>
<div style="display: none; z-index: 7; opacity: 1; visibility: visible;" class="contentdiv" align="right">
<img border="0" src="http://unkowngames.ru/heads/right12.png">
</div>
<div style="display: none; z-index: 5; opacity: 1.1; visibility: visible;" class="contentdiv" align="right">
<img border="0" src="http://unkowngames.ru/heads/right3.png">
</div>
<div style="display: none; z-index: 5; opacity: 1.1; visibility: visible;" class="contentdiv" align="right">
<img border="0" src="http://unkowngames.ru/heads/right13.png">
</div>
<div style="display: none; z-index: 7; opacity: 1; visibility: visible;" class="contentdiv" align="right">
<img border="0" src="http://unkowngames.ru/heads/right8.png">
</div>
<div style="display: none; z-index: 5; opacity: 1.1; visibility: visible;" class="contentdiv" align="right">
<img border="0" src="http://unkowngames.ru/heads/right4.png">
</div>
<div style="display: none; z-index: 5; opacity: 1.1; visibility: visible;" class="contentdiv" align="right">
<img border="0" src="http://unkowngames.ru/heads/right14.png">
</div>
<div style="display: none; z-index: 5; opacity: 1.1; visibility: visible;" class="contentdiv" align="right">
<img border="0" src="http://unkowngames.ru/heads/right10.png">
</div>
<div style="display: none; z-index: 5; opacity: 1.1; visibility: visible;" class="contentdiv" align="right">
<img border="0" src="http://unkowngames.ru/heads/right5.png">
</div>
<div style="display: none; z-index: 5; opacity: 1.1; visibility: visible;" class="contentdiv" align="right">
<img border="0" src="http://unkowngames.ru/heads/right9.png">
</div>
<div style="display: none; z-index: 5; opacity: 1.1; visibility: visible;" class="contentdiv" align="right">
<img border="0" src="http://unkowngames.ru/heads/right6.png">
</div>
<div style="display: none; z-index: 5; opacity: 1.1; visibility: visible;" class="contentdiv" align="right">
<img border="0" src="http://unkowngames.ru/heads/right15.png">
</div>
</div>
<div STYLE='DISPLAY: NONE;'><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></div></div>
</div></div>[/Table]
А также можна скачать скрипт и файли http://depositfiles.com/files/3lvibks48
С ваc + за старание!