Crear un slider sencillo

En el header despus de link css

<script src="../js/jquery.js" type="text/javascript"></script> <script type="text/javascript"> var i = 0; $(document).on("ready", main); function main(){ var control = setInterval(cambiarSlider, 3000); } function cambiarSlider(){ i++; if(i == $("#slider img").size()){ i = 0; } $("#slider img").hide(); $("#slider img").eq(i).fadeIn("medium"); } </script>

en el css
#slider{ height: 300px; } #slider img{ display: none; padding-left:350px; } #slider img:nth-child(1){ display: block; }

En el body o contenedor donde va el slider

<div id="slider"> <img height="300" src="../image/portada.jpg" width="450"> <img height="300" src="../image/portada.jpg" width="450"> <img height="300" src="../image/portada.jpg" width="450"> <img height="300" src="../image/portada.jpg" width="450">

<img height="300" src="../image/portada.jpg" width="450"> </div>