slider

<style type="text/css">
#slider {
width: 550px; /* Largo imagen */
height: 100px; /* Altura imagen */
position: relative;
overflow: hidden;
}
#sliderContent {
width: 550px; /* Largo imagen */
position: absolute;
top: 0px;
margin: 0px;
padding: 0px;
}
.sliderImage img{
width: 550px; /* Largo imagen */
height: 100px; /* Altura  imagen */
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 100%;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
display: none;
}
.clear {clear: both;}
.sliderImage span strong {font-size: 14px;}
.top {top: 0px;left: 0px;}
.bottom {bottom: 0px;left: 0px;}
ul { list-style-type: none;}
</style>
<script src='http://dl.getdropbox.com/u/1659986/jquery.js' type='text/javascript'></script>
<script src='http://dl.getdropbox.com/u/1659986/s3slider.js' type='text/javascript'></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slider').s3Slider({
timeOut: 3000 /*Representa milesimos de segundo  (3 segundos)*/
});
});
</script>
<div id="slider">
<ul id="sliderContent">
<li class="sliderImage">
<a href="LINK "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIe6LDCjrk7opeq9FtkuAkusjmhg55uNmNjydfVhbJLanvfDgTVzwDSQw4SGwIlheqiBUQbIvUoLpRDEreAC6JKcrXRMjAAHTRHwDdxfWYG7wYQe4oWhk9Nqzju6PWj4a7ZrKVlZ4WNOs/w140-h80-p/Street+Art+3.jpg" border="0"/>
<span class="top"></span></a>
</li>
<li class="sliderImage">
<a href="LINK "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfjLtq37fwHfl5kZcrpJ_jdMvP-4tJwwUf0QbweDJPQMs5n6bDaZuJ9G1PumGvyId1Ayug1bZMspilr_vOSEawmE-id-hupjcQ0NY47a75aeNOP_jOYyFdsbLHVaRcEHIbiwPMHLXbdB8/w140-h105-p/Tactica-y-estrategia-de-Mario-Benedetti.jpg" border="0"/>
<span class="top"></span></a>
</li>
<li class="sliderImage">
<a href="LINK "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYtx5WJWKoOkgZgS9htnrWxIq3rsf9qDNTW6GY6jinBKofH3hyphenhypheneXIQv2gOvihe9rXvfz0oQqtP9MGCwmiRcUu73cRfCkYzRfXX9-mGFqFdfACtZjx3PWBc8w3wTPkpEFlPMJGEThF2NO8/w140-h140-p/ColoresyP%25C3%25A1ginasSueltas.jpg" border="0"/>
<span class="top"></span></a>
</li>
<div class="clear sliderImage"></div>
</ul>
</div>