Galeria de imagenes

Buenas!
Estoy empezando a familiarizarme con Dreamweaver y como ya sabreis resulta un poco (bastante) complejo al empezar, sobre todo si eres autodidacta.
Me gustaria saber como puedo hacer una galeria de imagenes de la siguiente manera: en principio solo aparecen detalles de las imagenes, es decir, imagenes pequeñas que muestran una parte de la imagen total (no se si me explico), cuando pulsas una aparece la imagen encima de la pagina y el fondo aparece al 50% de opacidad, a los lados unas flechas que te van pasando de una imagen a otra y abajo un boton que sirve para cerrar la imagen en la que estes y volver a la pagina de nuevo.
Por si no me he explicado bien (cosa que me ocurre frecuentemente) os dejo un enlace de una pagina que tiene una galeria como la que yo quiero hacer. Muchas gracias!!!
http://www.4playgraphix.com/

Creo que esa es mas una pregunta para Javascript y AJAX, de todos modos podrias revisar el siguiente enlace a ver si es lo que deseas: http://blueprintds.com/2009/01/20/top-14-jquery-photo-slideshow-gallery-plugins/

Justo!! Es justo la galeria que queria, el problema es que una vez me he descargado los archivos no se como usarlos, es decir, tengo que copiar el codigo?

Perdona mi torpeza pero es que no tengo ni idea de como colocar lo que he descargado en mi archivo html, es decir, copio y pego cambio el contenido de las imagenes etc..pero no se si es que tengo que adjuntar la hoja de estilos o no se, podrias ayudarme??
Muchas gracias!!!

Hola de nuevo, perdón por no responder antes. Bueno supongamos que de todos los plugins descargaste, por ejemplo, el lightBox, entonces para poder usarlo debes hacer lo siguiente:
1- Extrae todos los archivos en tu directorio raiz (si quieres puedes extraerlos en alguna subdirectorio)
2- En la sección <header> del HTML que utilizará el plugin (lightBox) añade las siguientes lineas:

Código HTML :

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.lightbox-0.4.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.lightbox-0.4.css" media="screen" />
<script type="text/javascript">
$(function() {
   $('a.lightbox').lightBox(); // Selecciona todos los enlaces con clase lightbox
});
</script>

3- Ahora tu HTML debe tener el siguiente aspecto para los links que muestran las fotos de la galeria:

Código HTML :

<a href="image1.jpg" class="lightbox"><img src="thumb_image1.jpg" width="72" height="72" alt="" /></a>

Y listo. Lo pruebas y me cuentas.
Saludos

Muchas gracias!!