como adicionar o efeito

[Samroa Machel Web Master 0]

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

[William Bruno 1501]

as chamadas da lib estão duplicadas, deixe assim:

    <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" />

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