[SOLUCIONADO] 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-->
 

[marcusaurelio]

me falta saber..

como haces las cosultas....

[leo_garay91]

hola ya pude solucionarlo. lo hice de la siguiente forma

Código Javascript:

$(document).ready(function(){
 
    $('.openPop').click(function(){
        $('#popup').fadeIn('slow');
            var pulsada = $(this).attr("alt");
            
            var obj=$("#imagen");   //img donde se mostrara la imagen
            var nombre=$("#nombreApellido").text(); 
            var valorNombre="<strong>"+nombre+"</strong)";
            var urlImg="../include/tpl/personas/"+pulsada; //url de la imagen
            var buttonImg=$('#buttonImg');
            obj.attr("src", urlImg);
            $('#nombre').html(valorNombre);
 
            buttonImg.attr("href",urlImg);
            
        return false;
    });
    
    $('#cerrar').click(function(){
        $('#popup').fadeOut('slow');
        //$('body').css('opacity', '1');
        return false;
    });
});
 

Código HTML:

<div id="popup" style="display: none;">
                            <div class="content-popup">
                                
                                <div class="cerrar" align="right"><a href="#" id="cerrar">
                                    <img src="../assets/css/images/close.png"/></a>
                                </div>
                                <div id="imprimirImagen" align="left">
                                    <a id="buttonImg" target="_blank"><button >Imprimir</button></a>
                                </div>
                                <img id="imagen" width="400px" src="" / >                           
                                <div id="nombre"></div>
                            </div>
                        </div>