Thumbnails

[DTSMAN]

I am creating my first basic web page after having a class on it. I am going to post pictures to share with family on it. I would like to have small pictures that are about 1 inch square and when you click on them they go full screen. As of now they are full size and the home page has to be scrolled up and down. Can I do this, I am creating a free page on the yahoo geocities site if that helps.

Thanks.

Bo

Remember,
If the women don't find you handsome,
they should at least find you handy.
(Red Green)

http://www.redgreen.com

 

[bam720]

Take a look at this....

http://alistapart.com/articles/practicalcss

Then you can put each image in a link to the full size version. The height and width tags are not the best because you are still loading the entire image, so ideally you'd want to create thumbnails for your website.

 

[DTSMAN]

I think what I have to do with this geocities web stuff is create and upload two pictures, one that is the small thumbnail and the other that is full size, with the thumbnail linking to the larger. Thanks for the link and the help.

Bo

Remember,
If the women don't find you handsome,
they should at least find you handy.
(Red Green)

http://www.redgreen.com

 

[bam720]

If you want to upload two images then you'll be making click able thumbnails. This will be the fastest load time for your main page. To make your thumbnails clickable you'll want to do something like this:

<a href="/bigimage.jpeg"> <img src="/Thumbnail.gif"> </a>

I'd recommend setting border to 0 on the img tag otherwise you'll have a blue border around the img