How to make dynamic zoomify using jquery in asp.net

Hi Developers,

I am creating a project . Now on that need a module to make dynamic zoomify images using jquery in asp.net.

I am having 3 images called 1,2,3 in my page popup . If i click 1st image means the first image will be in zoomed . 2nd and 3rd images should be not clickable . or If i am clicking 2 nd or 3rd image means should close first image and zoomed the clicked image

now my code is not working fine for my output. if anyone of you know kindly suggest me to complete this task.

My Html Code on below

Form 60

style="max-width: 148px;" class="img-responsive img-thumbnail zoomify">

Download

Application form

style="max-width: 148px;" class="img-responsive img-thumbnail zoomify">

Download

Customer Photo

style="max-width:200px;max-height:200px;" class="img-responsive img-thumbnail zoomify">

Download

my Jquery code

("#aIDproof").attr("href", pathIndex("KYCOperation") + list[0].Id_ProofImagePath);

$("#aimgAddressproof").attr("href", pathIndex("KYCOperation") + list[0].Address_ProofImagePath);

$("#aimgApplicationProof").attr("href", pathIndex("KYCOperation") + list[0].Application_ProofImagePath);

$("#aimgPp").attr("href", pathIndex("KYCOperation") + list[0].ProfileImagePath);

IsLoading(false);

$('.zoomify').zoomify();

thanking you

Regards

Paul.S