<style type="text/css">    
    #featured { width: 565px; height: 290px; background: #009cff url('/images/loading.gif') no-repeat center center; overflow: hidden; }   
    </style>    
    <link rel="stylesheet" href="/css/orbit.css">   
    <style type="text/css">   
    .timer { display: none !important; }   
    div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }   
    </style>   
       
    <script type="text/javascript" src="/js/jquery.orbit.min.js"></script>    
       
    <script type="text/javascript">    
    $(window).load(function() {   
    $('#featured').orbit({   
    'bullets': true,   
    'timer' : true,   
    'animation' : 'horizontal-slide'   
    });   
    });   
    </script>

<div id="featured">    
    <img src="Ссылка на картинку" alt="Описание картинки" />    
    <img src="Ссылка на картинку" alt="Описание картинки" />    
    <img src="Ссылка на картинку" alt="Описание картинки" />    
    <img src="Ссылка на картинку" alt="Описание картинки" />    
    </div>