<!-- Включают в меню Сервис -->   
    <script src="Slideshow_v5/jquery.js"></script>   

    <!-- автономный стиль страницы (можно удалить) -->   
    <link rel="stylesheet" type="text/css" href="Slideshow_v5/standalo.css"/>    

    <link rel="stylesheet" type="text/css" href="Slideshow_v5/tabs-sli.css"/>   
       
    <!-- исправить то есть "черный ящик" проблемы с изображениями PNG, когда непрозрачность анимируемого -->   
       
    <!--[if IE]>   
    <style type="text/css">   
    .images img {   
    background:#efefef url(/img/global/gradient/h300.png) repeat-x 0 -22px;   
    }   
    </style>   
    <![endif]-->

<!-- «предыдущий слайд" кнопки -->   
<a class="backward">предыдущая</a>   

<!-- Контейнер для слайдов -->   
<div class="images">   

    <!-- первый слайд -->   
    <div>   
    <h3>Первая панель</h3>   

    <img src="Slideshow_v5/screens.png" alt="Flying screens" style="float:left;margin:0 30px 20px 0" />   

    <p style="font-weight:bold">   
    Slide Show for Yukoz - Весь текст меняем на свой   
    </p>   

    <p>   
    Slide Show for Yukoz......<br />Всем доброго врямени суток, и так к вашему внеманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлогайте - и мы свами попробуем их зделать вместе. <br />Спасибо за ваше внемание с уважением - Zlatev Dima   
    </p>   

    </div>   

    <!-- второй слайд -->   
    <div>   
    <h3>Вторая панель</h3>   

    <img src="Slideshow_v5/eye192.png" alt="Flying screens" style="float:left;margin:0 30px 20px 0" />   

    <p style="font-weight:bold">   
    Slide Show for Yukoz - Весь текст меняем на свой   
    </p>   

    <p>   
    Slide Show for Yukoz......<br />Всем доброго врямени суток, и так к вашему внеманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлогайте - и мы свами попробуем их зделать вместе. <br />Спасибо за ваше внемание с уважением - Zlatev Dima   
    </p>   
    </div>   

    <!-- третий слайд -->   
    <div>   
    <h3>Третья панель</h3>   

    <p style="font-weight:bold">   
    Slide Show for Yukoz - Весь текст меняем на свой   
    </p>   

    <p>   
    Slide Show for Yukoz......<br />Всем доброго врямени суток, и так к вашему внеманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлогайте - и мы свами попробуем их зделать вместе. <br />Спасибо за ваше внемание с уважением - 3week.clan.su !   
    </p>   
    </div>   

</div>   
<!-- "Следующий слайд" кнопки -->   
<a class="forward">следующий</a><p>   

<!-- вкладки -->   
<div class="slidetabs">   
    <a href=""></a>   
    <a href=""></a>   
    <a href=""></a>   
</div>   

<script language="JavaScript">   
$(function() {   

$(".slidetabs").tabs(".images > div", {   

    // uFace - by lekus   
    effect: 'fade',   
    fadeOutSpeed: "slow",   

    // начать с самого начала после последней вкладке   
    rotate: true   

// использовать слайд-шоу плагин. Он принимает свою собственную конфигурацию   
}).slideshow();   
});   
</script>