<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>