Question

Here is my smaller image link:

$("#thumbnail").append('<img src="' + response + '" height="200" width="200"/>');

And I need to link with the bigger image link:

$("#Original").append('http://localhost:XXXX' + fileObj.filePath);

If I click the smaller link the bigger Image should open

So how do I do this?

Answer 1

The jQuery click() method allows to bind a function to the mouse click event. To open your big image on a new window whenever your thumbnail (a div perhaps?) is clicked, you may use the following:

$("#thumbnail").click(function() { window.open('YOUR_URL'); }