Website

[robbie-doux]

I'm setting up a web site and wondered if anyone could let me now how to post thumbnails that can be clicked on to see a larger version.

The other question is not computer related, but I'll pose it here: How do I establish my copyright over the image I post on my website, or on prints if anyone buys one?

[Krazy Pengwin]

Robbie, the easiest way to have a thumbnail open a larger image is to wrap the <img> tag in <a></a> tag, with the href parameter pointing directly to the larger image file. Its not the prettiest way, but it does work.

As for copyright, you own the copyright on any image you create, the second you create it. However, if you wish to protect your prints, then a subtle watermark is often the best way.

[Krazy Pengwin]

Just to clarify the first part of my reply, you might want to try something like this:


<a href="images/bigimage.jpg" target="_blank">
<img src="images/thumbnail.jpg" alt="Click here to view a larger image" border="0" />
</a>


The border="0" prevents some browsers from putting an ugly border around an image when it is a hyperlink.

[robbie-doux]

Thanks for the advice Krazy. I'm afraid I don't get it though.
I presume I insert the filename of the image in the "_blank" part of the code, but it just appears as text on the page.

[BarryM]

remember robbie that it has to be the full path of image name, so if its uploaded on your site then its http//www.blah blah blah /filenameof image.jpg etc etc

[Krazy Pengwin]

Robbie, are you handcoding this site or using a package like dreamweaver or frontpage or something that allows to to create the site in wysisyg mode?

I'll break down the code for you here:

<a href="images/bigimage.jpg" target="_blank">
This is the start of the link tag. The parameters are:
href This requires the path and filename of the larger image that you wish to display.
target Putting _blank as this parameter forces the image to load in a new window, so that your site visitor does not lose their place in your website.

<img src="images/thumbnail.jpg" alt="Click here to view a larger image" border="0" />
This is the tag to display your thumbnail. The parameters are:
src This is the path and filename of your thumbnail image
alt This is the alternate text that is displayed as a tooltip and if the image cannot be loaded
border Setting this to 0 prevents the ugly border in some browsers

</a>
This is the close tag for the link

So, if I had a thumbnail called mythumb.jpg and a larger image called large.jpg, both of which I had put in the images directory of my website, I would have something like:

<a href="images/large.jpg" target="_blank">
<img src="images/mythumb.jpg" alt="Click here to view a larger image" border="0" />
</a>

Hope this helps to clarify my earlier post

[robbie-doux]

I'm building the site on webstarter.netbenefit.com - this is the web builder that came atttached to the domain name I bought.
It's is a wysiwyg system - I'm afraid coding it myself is way beyond my level of computer illiteracy.

I appreciate your help, but I feel rather embarrassed - it feels like asking Eric Clapton to show me how to strum a ukelele.

[Krazy Pengwin]

OK, I've not heard of this system, however...What you need to do is first place your thumbnail on the page, then there should be some way of selecting that thumbnail and making it a link. If you can do that, link it to the larger image.

I can't help anymore than that, I'm afraid.

[marcps]

The best way to do this is to use a gallery script like.....

http://gallery.menalto.com/

this will allow you to upload hi-res images and have it auto resize

see this in action at www.balloonconsultant.co.uk - click on photo gallery.

Marc P Summers