como adicionar o efeito

Salve galera!

Desde já agradeço a todos!

Como adiciono esse efieto abaixo nas fotos miniaturas na página e ao clicar na foto ela amplia em tamanho real ou maior!?

$(function() {
$('#gallery a').lightBox({fixedNavigation:true});
});

Usei esse código acima mas não adiantou!

Segue o código que usei:

<!-- Arquivos utilizados pelo jQuery lightBox plugin -->

 <script type="text/javascript" src="js/jquery.js"></script>
 <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
 <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
 <script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="lightbox.js"></script>
 <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

 <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->

 <!-- Ativando o jQuery lightBox plugin -->
 <script type="text/javascript">
 $(function() {
 $('#gallery a').lightBox();
 });
 </script>
 <style type="text/css">
 /* jQuery lightBox plugin - Gallery style */
 #gallery {
 background-color: #444;
 padding: 10px;
 width: 520px;
 }
 #gallery ul { list-style: none; }
 #gallery ul li { display: inline; }
 #gallery ul img {
 border: 5px solid #3e3e3e;
 border-width: 5px 5px 20px;
 }
 #gallery ul a:hover img {
 border: 5px solid #fff;
 border-width: 5px 5px 20px;
 color: #fff;
 }
 #gallery ul a:hover { color: #fff; }
 </style>

O link do site que estou usando como exemplo é: jQuery lightBox plugin

Desculpe se postei tópico no lugar errado!

Como faço esse efieto funcionar?

Obrigado!

Att