lightBox con php y mysql

[dante17423]

Hola Gente; Tengo el siguiente interrogante, lo que pasa es que quiero tener este efecto en mi web:

http://leandrovieira.com/projects/jquery/lightbox/

cuando doy clic en la imagen tenga el efecto que muestra y salga la otra imagen. ahora a la hora de implementarlo hice lo siguiente:

en esto que según entiendo es de donde sale las imágenes.

<li>
<a href="photos/image2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
<img src="photos/thumb_image2.jpg" width="72" height="72" alt="" />
</a>
</li>

lo cambie por esto:

<li>
<a href="jquery-lightbox-0.5/photos/image2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
<?php do { ?>
<tr><td align="center"><img src="<?php echo $row_catalogo_imag['Imagen']; ?>"width="72" height="72" alt="" / ></td></tr>
<?php } while ($row_catalogo_imag = mysql_fetch_assoc($catalogo_imag)); ?>

</a>
</li>

cambiando en el código de donde el llama la imagen, y pues sale pero se queda cargando... no tengo mucho conocimientos de programación pero si alguien me pudiera orientar algo o mostrarme algún ejemplo de donde pudiera orientarme le estaría eternamente agradecido.

[NSD]

estas usando mal el codigo seria asi:

Código PHP:

<?php while ($row_catalogo_imag = mysql_fetch_array($catalogo_imag)) { 
echo("<tr>
        <td align=\"center\">
            <a href=\"$row_catalogo_imag[Imagen]\" class=\"lightBox\"><img src=\"$row_catalogo_imag[Imagen]\" width=\"72\" height=\"72\"  /></a>
        </td>
    </tr>");
}
?>
 

y en el head, donde llamas a la galeria pones esto en lugar de lo que tengas:

Código Javascript:

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

saludos