Hola
obmultimedia
Analizando el código de la página que mencionas y limpiándolo, queda esto:
Código HTML:
<html>
<head>
<title>Título de la página</title>
<link href="style/style.css" type=text/css rel=stylesheet>
</head>
<body>
<br />
<div id=page align="center">
<div id=subcontent>
<div class=carousel>
<a class=previous title=previous href="#">Previous</a>
<ul>
<li><img alt="" hspace=4 src="img/iphonecarousel2.jpg" vspace=4 border=1><br />
<h4><a href="http://www.tu_direccion_1.html">Texto explicativo para la primera foto y, también, link</a></h4></li>
<li><img alt="" hspace=4 src="img/apple-iigs-slide.jpg" vspace=4 border=1><br />
<h4><a href="http://www.tu_direccion_2.html"><br />Texto para la segunda foto</a></h4></li> <!-- si la línea de texto es corta y no dobla, meter un <br> antes del texto -->
<li><img alt="" hspace=4 src="img/xel-1-slide.jpg" vspace=4 border=0><br />
<h4><a href="http://www.tu_direccion_3.html">Texto explicativo para la tercera foto y, también, link</a></h4></li>
<li><img alt="" hspace=4 src="img/htc_touch_slide.jpg" vspace=4 border=1><br />
<h4><a href="http://www.tu_direccion_4.html"><br />Texto corto y link</a></h4></li> <!-- si la línea de texto es corta y no dobla, meter un <br> antes del texto -->
<li><img alt="" hspace=4 src="img/optimus-maximus-slide.jpg" vspace=4 border=1><br />
<h4><a href="http://www.tu_direccion_5.html"><br />Quinta foto y link</a></h4></li> <!-- si la línea de texto es corta y no dobla, meter un <br> antes del texto -->
<li><img alt="" hspace=4 src="img/ps3port_slide.jpg" vspace=4 border=1><br />
<h4><a href="http://www.tu_direccion_6.html">Texto explicativo para la sexta foto y, también, link</a></h4></li>
<li><img alt="" hspace=4 src="img/mylo2-slide.jpg" vspace=4 border=1><br />
<h4><a href="http://www.tu_direccion_7.html"><br />Texto y link: foto 7</a></h4></li> <!-- si la línea de texto es corta y no dobla, meter un <br> antes del texto -->
</ul>
<a class=next title=next href="#">Next</a>
</div>
</div>
</div>
<script src="js/jquery-1.2.3-min-plugins.js" type=text/javascript></script>
<script type=text/javascript>
$(document).ready(init);
function init()
{
$('.winblogrollcat').children('ul').hide();
$('.winblogrollcat .trigger').click(function(evt){
$(this.parentNode).children('ul').slideToggle('fast');
});
$('.carousel ul').cycle({'prev':'.previous','next':'.next'});
}
</script>
</body>
</html> Como verás, funciona con dos javascripts, una hoja de estilo y dos imágenes (para las flechitas), además de las fotos del carrousel -en este caso son siete-.
El carrousel rota las imágenes de forma automática y también manual, y el texto que lleva abajo es linkeable y abre la página que quieras.
Funciona en IE, Firefox y Opera (en otros browsers no lo he probado).
Lo tengo limpio y empaquetado, si lo quieres avisa.
Saludos