mostrar imagen en popup

[leo_garay91]

hola, tengo una consula... traigo desde la bd los datos de personas y la muestro mediante una tabla, cada persona puede o tener una fotografia, la cual quiero que al hacer click se muestre mediante un popup,esto lo hace el cript q tengo, pero solamente con el primer regitro, ya en los demas no pasa nada. (pero si carga las imagenes,
el script es el siguiente

Código Javascript:

$(document).ready(function(){
 
    $('#openPop').click(function(){
        $('#popup').fadeIn('slow');
        //$('body').css('opacity', '0.5');
        return false;
    });
    
    $('#cerrar').click(function(){
        $('#popup').fadeOut('slow');
        //$('body').css('opacity', '1');
        return false;
    });
});
 

y el popup es este (uso como platilla rainTPL)

Código HTML:

<div id="popup" style="display: none;">
                <div class="content-popup">
                    <div class="cerrar"><a href="#" id="cerrar"><img src="../assets/css/images/cerrar.png"/></a></div>
                    <img width="400px" src="{$value.foto}" / >
                    <div>{$value.nombre}<br>{$value.dni}</div>
                </div>
            </div>      
<!--{$value.foto} me trae la direccion de la imagen-->