Contributions

This is a much nicer way of doing it. This way the person can click the thumbnail and the pic will open in a new window. and is also better for search engine rating :-)

<a href="http://yourdomain.com/picturelocation/picture.jpg" target="_blank"><img src="thumbnail_location/picture.jpg" width="100" height="100" /></a>

if you do this dont forget to add an ALT tag, an alt tag is a pop up discription of the image.

i.e. <p align="center"><img src="www.yourdomain.com/location of your image.gif" alt="product image"></p>

the alt tag needs to be discriptive but not to long.

Yes this will affect SEO work, this will help you increase your rankings mainly in image search engines but google and other search engines count this as a bonus to your site because it is part of the accessability standard.

If you have a blind person using a text reader this will reader out the alt tag, hence you have done this to help someone not just for a search engine result.

You can also add a long description,

i.e. <p align="center"><img src="www.yourdomain.com/location of your image.gif" alt="product image" longdesc="www.yourdomain.com/location of your images descriptive text"></p>

A long description is a page linked to the image that has more detailed information than the alt tag, most browsers do not support this yet though some people will place a (d) next to the image which links to the descritive text, again this will help with SEO work as you are giving as much information possible.

I have done the above to retail web site along with a few other things and this has double the visits and hits for the site in 3 months, no linking was done in the process of this and this site is ranking on the first page of google for most products in its main catalog.

attached file is just the above in a TXT doc.

This isn't a package just a simple solution for adding images to a product description without changing any files. This is simply adding html into your product description. This way you can add as many pictures you like, whatever size you like, simply and easily without changing any of your files.

All you need to do is add

<img src="www.yourdomain.com/location of your image.gif">

into your description text at the place where you would like your image to appear in the description.

Position your picture in the center of the description by adding <p align="center"></p>

ie <p align="center"><img src="www.yourdomain.com/location of your image.gif"></p>

you could change "center" to left or right for desired position

Add <br> for each line you would like to add before or after your picture.

Resize your pictures simply by changing the height and width values (the numbers represent pixels, remember if you want to resize you need to keep the ratio of width and height, ie in the code below to half the size of the picture the height would be 100 and the width 200).

ie

<img src="images/creditcards.gif" width="400" height="200">