Building a HTML photo album

being a complete newbie I could do with some help

[hospitalera]

I am just building my first webpage from scratch, with NVU, and my programming skills are pretty embryotic...:-) Can somebody please point me in the direction where I find information? The problem is as following: I want to build a portfolio site and link the images to two sites where people can download them or purchase a print. The ideal setup would be:

Galleries linking to subgalleries (like "black and white") that's done, I am proud of myself ;-)

Then, each subgallery contains between 5-15 thumbnails (that I can do) and if somebody clicks on one of them the image appears in a bigger version on the top half of the page with two links (different for each image) for download/purchase.... That is where I am lost! Any ideas? Ever so thankful SY

[iseem]

If you're using HTML (not XHTML) then the images on your gallery page should look something like this:

<a href="pageWithPurchaseLinks001.html" title="Black and White Photo 001"><img src="images/bandw/001.jpg" alt="Purchase this Photo" width="300" height="200"></a>

Basically, you just wrap the <img> tags in <a> tags and then the image becomes a link to another page on your site. This is the most basic way (which seems to be what you're looking for).

[ricnut]

You can use javascript for this

insert the following code before the javascript code in your html document.
-----------------------------------------------------------------
<a href="javascript:pic1()"><img SRC="thumbnail_of_picture.jpg" width="100%" BORDER=0></a>
------------------------------------------------------------------
<script language="javascript">

function pic1(){window.open("picture.jpg","","height=500,width=375,resizable=0,scrollbars=0,status=0,directories=0,");}
---------------------------------------------------------------------

[tbear]

Since, I would consider the photos as content, I would consider the use of tables for layout acceptable, too :)
But each to his own...