I'm building a simple image viewer web page. There is javascript code to load all the images. The html code below is styled to load the images into a div element on the page.

This first code snippet is what I have now and it works fine
Code:
<div class='images'>
     <a href=''><img src='img1.jpg' width='450' height='auto'>
     <div class='caption'></div></a>
</div>
What I want to do is....when the thumbnail image is clicked on, I want the full-size image to appear on a new page.

Can I do this below:
Code:
<div class='images'>
     <a href=''><img src='img1.jpg' width='450' height='auto' onclick="<img src='img1.jpg' target='_blank'>">
     <div class='caption'></div></a>
</div>
Is this possible? If not, what is the best way to perform this?

Thanks,