fancybox ajax post,jQuery FancyBox with Ajax

I have look at many web sites and many pages on Stackoverflow, but none of them has solved my problem yet. Simply, I have a hyperlink and I want to retrieve an image from database via Ajax call and then display it on FancyBox popup. I also tried many different combinations of Javascript and Controller action methods, but have not managed so display the downloaded file properly. Could you please have a look at my code and give a working example containing all the necessary methods in View and in Controller? On the other hand, it would be better to open a dialog for the other file types (i.e. excel, pdf) while opening FancyBox for image files.

View:

@Model.FileName

function downloadFile(id) {

$.ajax({

url: "/Issue/RenderImage?ID=" + id,

async: true,

type: "POST",

dataType: "json",

contentType: "application/json; charset=utf-8",

success: function (response) {

$('#fancybox-inner').html('');

}

});

}

Controller: There is no problem regarding to the method in the Controller and it returns the image properly.

[HttpPost]

public virtual JsonResult RenderImage(int id)

{

string str = System.Convert.ToBase64String(repository.FileAttachments.FirstOrDefault(p => p.ID == id).FileData, 0, repository.FileAttachments.FirstOrDefault(p => p.ID == id).FileData.Length);

return Json(new { Image = str, JsonRequestBehavior.AllowGet });

}