$('.foto__producto').click(function(e){
    var img = e.target.src;
    var modal = '<div class="modal" id="modal"><img src="'+img+'" alt="" class="modal__img"><div class="modal__boton" id="modal__boton">X</div></div>';   
  
    $('body').append(modal);
    $('#modal__boton').click(function(){
        $('#modal').remove();
    });
    
});

$(document).keyup(function(e){
    if (e.which==27){
         $('#modal').remove();
    }
})