Enlarging Image in New Window?

Question

I just did a quick search for my question and couldn't find anything directly on point.

I'm still very new to HTML and was wondering if someone could tell me how I could add a picture to my website and set the code so that if I click on it, it enlarges the picture in a new window.

I'm going to be adding around 600+ pics to my website so I was also wondering if there's a way to write the code once and have it apply to all the pics I add.

Thanks in advance, - Danny B.

Solution

There's many many ways in which you could do this. The basic HTML for inserting an image with a link to a new window will be:

<a href="enlarged.html" target="_blank">
     <img src="photos/photo-name.jpg" />
</a>

But it is a fair bit more complicated if you want to be able to dynamically display a large number of photos. If you want to code this yourself, you'll want to look into using something like PHP to output the HTML code automatically for 600+ images. Then instead of pointing the link for each to a new page, you might want to consider having the images load in a cool way, such as a javascript lightbox/colorbox some of the other answers suggest.

One possible alternative solution might be to look for some pre-created photo album script. I don't have any experience of these so I'll let someone else make some suggestions on that.