<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript" type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script language="JavaScript" type="text/javascript" src="jquery.mousewheel.js"></script>
<script language="JavaScript" type="text/javascript" src="class.horinaja.jquery.js"></script>
<style type="text/css">
/* la clase que controla el slider */
.horinaja ul {
list-style-type: none;
margin-left: 0;
position: relative;
}
.horinaja ul li {
background: transparent;
list-style-type: none;
display: block;
top: 0;
}
/* la clase que controla la paginación optativa */
ol.horinaja_pagination {
background: transparent;
clear: both;
height: 40px;
margin: 0 auto;
padding: 5px 0 0 0;
position: relative;
}
ol.horinaja_pagination li{
display: block;
float: left;
height: 40px;
}
ol.horinaja_pagination li a {
background: transparent;
color: white;
display: block;
height: 40px;
float: left;
font-size: 16px !important;
font-weight: bold;
line-height: 40px;
padding: 0;
text-align: center;
width: 40px !important;
}
</style>
</head>
<body>
<div id="demo" class="horinaja" style="overflow: hidden; position: relative;">
<ul style="width: 1520px; left: -760px; top: 0px;">
<li class="ho_1" style="width: 380px; height: 190px; float: left;"> <img alt="horinaja" src="logo.png"/> </li>
<li class="ho_2" style="width: 380px; height: 190px; float: left;"> <img alt="code" src="code1.png"/> </li>
<li class="ho_3" style="width: 380px; height: 190px; float: left;"> <img alt="code" src="code2.png"/> </li>
<li class="ho_4" style="width: 380px; height: 190px; float: left;"> <a class="uno" href="forceDownload.php?framework=scriptaculous"> <img alt="télécharger pour scriptaculous" src="btn_scriptaculous.png"/> </a> <a class="deuxio" href="forceDownload.php?framework=jquery"> <img alt="télécharger pour jquery" src="btn_jquery.png"/> </a> </li>
</ul>
<ol class="horinaja_pagination" style="width: 380px;">
<li style="opacity: 0.2;">
<a style="width: 95px;">1</a>
</li>
<li style="">
<a style="width: 95px;">2</a>
</li>
<li style="">
<a style="width: 95px;">3</a>
</li>
<li style="opacity: 0.2;">
<a style="width: 95px;">4</a>
</li>
</ol>
</div>
</body>
</html>