<!-- jquery slide picture -->
<link rel="stylesheet" href="jquery/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="jquery/themes/light/light.css" type="text/css" media="screen" />
<link rel="stylesheet" href="jquery/themes/dark/dark.css" type="text/css" media="screen" />
<link rel="stylesheet" href="jquery/themes/bar/bar.css" type="text/css" media="screen" />
<link rel="stylesheet" href="jquery/nivo-slider.css" type="text/css" media="screen" />
<table width="100%" height="411" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>    <!-- jquery slide -->
    <div id="wrapper"> 
        <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <img src="jquery/demo/images/1.jpg" data-thumb="jquery/demo/images/1.jpg" alt="Web design" />
                <img src="jquery/demo/images/2.jpg" data-thumb="jquery/demo/images/2.jpg" alt="Web Hosting"/>
                <img src="jquery/demo/images/3.jpg" data-thumb="jquery/demo/images/3.jpg" alt="Graphics" />
                <img src="jquery/demo/images/4.jpg" data-thumb="jquery/demo/images/4.jpg" alt="Banners"  />
                <img src="jquery/demo/images/5.jpg" data-thumb="jquery/demo/images/5.jpg" alt="Flash Web"  />
            </div>            
        </div>
    </div>
    <script type="text/javascript" src="jquery/demo/scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="jquery/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
    <!-- jquery slide --></td>
  </tr>
</table>