Primeiro, coloque as tags scripts no Head.

<script type=”text/javascript” src=”js/prototype.js”></script>
<script type=”text/javascript” src=”js/scriptaculous.js?load=effects”></script>
<script type=”text/javascript” src=”js/lightbox.js”></script>

Inclua o arquivo css do Lightbox:

<link rel=”stylesheet” href=”css/lightbox.css” type=”text/css” media=”screen” />Verifique se as imagens estão localizadas corretamente. (Em images/)

Baixar o Lightbox.

Configurando

Para deixar igual ao do meu site, você basta colocar assim, veja em negrito.

<a href=”images/image-1.jpg” rel=”lightbox” title=”my caption”>tag imagem</a>

O atributo title é só se você quiser colocar uma descrição.

Para deixar igual à um slideshow basta você colocar em grupos:

<a href=”images/image-1.jpg” rel=”lightbox[roadtrip]“>tag imagem</a>
<a href=”images/image-2.jpg” rel=”lightbox[roadtrip]“>tag imagem</a>
<a href=”images/image-3.jpg” rel=”lightbox[roadtrip]“>tag imagem</a>

Agora, o grupo tem que ser igual ao outro. Se não, não funciona.

No site tem mais informações, inclusive sobre resolução de problemas.

SEE GOOGLE TRANSLATION.