mostrar imagen en popup

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