lo intente pero lo que me salio fue lo siguiente..
http://jirehluz.tuars.com/Prueva/prueva.html utilizando este código
Código:
<html> <head> <title> Prueba</title> <script src="../JQuery/jquery-1.4.2.min.js" type="text/javascript"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="cycle/jquery.cycle.all.js"></script> <script type="text/javascript" src="cycle/jquery.cycle.lite.js"></script> <script type="text/javascript"> //Especificamos el lenguaje que vamos a utilizar en el script $(document).ready(function(){ //Iniciamos la librería de jQuery $("#slider_imagenes").cycle({ //Especificamos a que div deseamos aplicarle el efecto fx: "fade", //Tipo de efecto que deseamos aplicar a las imágenes speed: 700 //Velocidad que van a tener las imágenes }); }); </script> </head> <body> <div id="imagenes"> <div id="slider_imagenes"> <div class="grid_5 alpha" id="fondos"> <div id="imagen" class="float"> <img src="../Imagenes/claro.png" width="80" height="80" alt="Jireh Luz Escuela de Choferes" longdesc="loco_jireh_luz3.png" /> </div> <div id="text" class="float"> La red donde <br/> Todo es Posible </div> </div> <div class="grid_5 alpha" id="fondos"> <div id="imagen" class="float"> <img src="../Imagenes/orange.png" width="80" height="80" alt="Jireh Luz Escuela de Choferes" longdesc="loco_jireh_luz3.png" /> </div> <div id="text" class="float"> Tu vida <br/> Cambia con Orange </div> </div> <div class="grid_5 alpha" id="fondos"> <div id="imagen" class="float"> <img src="../Imagenes/tricom.png" width="80" height="80" alt="Jireh Luz Escuela de Choferes" longdesc="loco_jireh_luz3.png" /> </div> <div id="text" class="float"> Fuera de aqui <br/> nada se vive mejo </div> </div> </div> </div> </body> </html>