Chamem como preferirem. Vamos lá! Mãos a massa.

Primeiro post desse tipo, de muitos que virão(tomara).

No final deste post, chegaremos neste resultado:

Para não termos sempre ‘Mais do Mesmo’, em todos os posts que eu fizer, juro que logo mais faço um Bê a Bá, de como ‘baixar o jQuery, instalar, e começar a usar’.

Site do Cycle: http://jquery.malsup.com/cycle/download.html.

Só clicar no Download.

Uma busca rápida por wallpapers no Google Images, e:

<html>
<head>
<script type="text/javascript" src="js/jquery-1.5.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#slide_fotos').cycle({
		fx: 'fade',
		pager: '#pager'
	});
});
</script>
<style type="text/css">
* {
	list-style: none;
	margin: 0;
	padding: 0;
}
body {
	font: 12px Verdana, sans-serif;
	color: #000;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
#slideshow {
	width: 640px;
	height: 270px;
	position: relative;
}
#slide_fotos p {
	position: absolute;
	right: 0;
	top: 210px;
	z-index: 3;
	padding: 10px 20px;
	background: url('../images/over_white.png');
}
#slide_fotos {
	height: 100%;
	overflow: hidden;
}
#pager {
	position: absolute;
	z-index: 10;
	top: 20px;
	right: 20px;
}
#pager a {
	color: #000;
	width: 17px;
	height: 17px;
	line-height: 15px;
	text-align: center;
	display: inline-block;
	font-size: 10px;
	margin: 2px;
	color: #fff;
}
#pager a.activeSlide {
	color: #000;
	background: url('../images/over_white.png');
}
</style>
</head>
<body>
	<div id="slideshow">
		<ul id="slide_fotos">
			<li><img src="images/medium/01.jpg" alt="" title="Foto 01" />
				<p>Primeira Imagem, céu azul!</p></li>
			<li><img src="images/medium/02.jpg" alt="" title="Foto 02" />
				<p>Segunda Imagem, queda d'agua</p></li>
			<li><img src="images/medium/03.jpg" alt="" title="Foto 03" />
				<p>Terceira Imagem, universo, negro</p></li>
			<li><img src="images/medium/04.jpg" alt="" title="Foto 04" />
				<p>Quarta Imagem, praia calmaria</p></li>
			<li><img src="images/medium/05.jpg" alt="" title="Foto 05" />
				<p>Quinta Imagem, montanhas, lago</p></li>
			<li><img src="images/medium/06.jpg" alt="" title="Foto 06" />
				<p>Sexta Imagem, mais verde natureza</p></li>
		</ul><!-- /fotos -->
		<p id="pager">

		</p><!-- /pager -->
	</div><!-- /slideshow -->
</body>
</html>

Mais uma vez, o ‘grande truque’, é o CSS.

Veja que o javascript é mínimo.

$(document).ready(function(){
    $('#slide_fotos').cycle({
        fx: 'fade',
        pager: '#pager'
    });
});

Existem muitas opções na documentação do Cycle, mas a beleza do slideshow, depende da sua criatividade, e de muito css.

Demo