Lightbox

ちょっと、いい感じの物を見つけたので紹介です。

http://www.huddletogether.com/projects/lightbox2/
ここに行って　DOWNLOAD→lightbox JS v20.2
をしてきます。
で、解凍をするとフォルダーが３つ　css images js 出来ます。
でこれをアップします。

そして、html の方へ　　＜head＞ここへ＜/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＞
＜link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /＞

を記入して、後は画像にリンクを張る時に
＜a href="images/image-1.jpg" rel="lightbox" title="Porsche"＞image #1＜/a＞

こんな感じで、リンクを張る画像の後に rel="lightbox"　と入れるだけでOKです。
上のようにスライドショーにするには
＜a href="images/image-1.jpg" rel="lightbox[Porsche]" title="Porsche"＞image #1＜/a＞
＜a href="images/image-2.jpg" rel="lightbox[Porsche]" title="Porsche"＞＜/a＞
＜a href="images/image-3.jpg" rel="lightbox[Porsche]" title="Porsche"＞＜/a＞

これだけでOKです。
うまく行かない時は、パスが通ってないだけだと思うので
きちんとそこを検証しながらリンクを張ると、簡単に出来ます。
やってみてください。

上の式をコピーして使うなら、＜＞　←全角になっていますので　<> ←半角
二変換して下さい。