Html Help Needed;

[Ice Rich]

Hi all,

First, tanks to the help you lot have gave me regardinh html over the past week

But I have a probelm;

I want to display a picture on screen that when clicked goes to the host site and displays the origianal size. How can I do that?

Thanks

 

[Augmented]

<a href="[COLOR=Yellow]http://www.host.com/fullsize-image.jpg[/COLOR]">
  <img src="[COLOR=Yellow]/thumbnail.jpg[/COLOR]" alt="[COLOR=Yellow]Preview of fullsize image[/COLOR]" />
</a>

Replace the yellow parts as necessary.

 

[Ice Rich]

<a href="[COLOR=Yellow]http://www.host.com/fullsize-image.jpg[/COLOR]">
  <img src="[COLOR=Yellow]/thumbnail.jpg[/COLOR]" alt="[COLOR=Yellow]Preview of fullsize image[/COLOR]" />
</a>

Replace the yellow parts as necessary.

Thanks, so what size would that make the 'preview'? Or do I need to specify that on the html page its being displayed on?

Regards,

 

[Augmented]

It doesn't resize it, and resizing a large image via HTML isn't generally a good idea. Resize the original fullsize image to the size you desire (in Photoshop or such), upload it to your webspace and use it as the clickable image.

 

[Ice Rich]

It doesn't resize it, and resizing a large image via HTML isn't generally a good idea. Resize the original fullsize image to the size you desire (in Photoshop or such), upload it to your webspace and use it as the clickable image.

Im sorry Augmented, im lost.

Are you saying upload 2 images of the picture? 1 big and 1 small then link the 2?

Im terrible at HTML I know.

Regards,

 

[toString]

Yeah 2 pictures is best

Might be easier to read:

<a href="

http://www.host.com/fullsize-image.jpg

">
<img src="

http://www.host.com/thumbnail-image.jpg

" alt="Preview of fullsize image" />
</a>

 

[Ice Rich]

Another question though, When I resize with photoshop the extension is still .jpg but the icon is a photoshop one and I cant upload it to me host site. Whay is that?

Thanks

Sorted it, I was editing the file in Photoshop 'image ready' which was messing the extension.