Instalação do script

<link href="shadowbox/shadowbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="shadowbox/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
 Shadowbox.init({
 language: 'pt',
 player: ['img', 'html', 'swf']
 });
</script>

Abrir HTML

<a title="Fernando Petry" href="http://www.fernandopetry.com.br" rel="shadowbox">UpInside</a>

Abrir VIMEO

<a title="Fernando Petry" href="http://vimeo.com/moogaloop.swf?clip_id=10614589" rel="shadowbox;width=600;height=450">Vimeo</a>

Abrir YOUTUBE VÍDEO

<a title="Fernando Petry" href="http://www.youtube.com/v/W_7krFRqwBQ" rel="shadowbox;width=600;height=450">Youtube</a>

Abrir uma unica imagem

<a title="Fernando Petry" href="fernando.jpg" rel="shadowbox">

Abrir uma galeria de imagem

<a title="Fernando Petry" href="fernando.jpg" rel="shadowbox&#91;vocation&#93;">Img1</a>
<a title="Fernando Petry" href="fernando.jpg" rel="shadowbox&#91;vocation&#93;">Img2</a>
<a title="Fernando Petry" href="fernando.jpg" rel="shadowbox&#91;vocation&#93;">Img3</a>

Abrir uma DIV

<a rel="shadowbox" href="#fernando">Abrir Div</a>
 <div id="fernando" style="display:none;">
 <div id="fer_content" style="color:#FFF; padding:10px;">
 Todo conteúdo a mostrar na div da galeria vai aqui!
 </div><!--fernando-->
</div><!--fer_content-->

Baixar os arquivos