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