WebPage building question

Dayton Cowboy

Active Member
Messages
1,862
Reaction score
5
Hey Guys and Gals,

I am in need of some technical help. Could someone tell me how to set up a page with thumbnail pics that when clicked on would link to another page? What do I need to do to set this up and do I have to create different/smaller pic files of the bigger pic that I am wanting to use? Or can I set up it up in html so that for example the photo would normally be 500 x 500 pixels but the thumbnail would display at 100 x 100?

thanks for the attempted help in advance
 

BrAinPaiNt

Backwoods Sexy
Staff member
Messages
77,822
Reaction score
40,637
CowboysZone ULTIMATE Fan
Dayton_Cowboy said:
Hey Guys and Gals,

I am in need of some technical help. Could someone tell me how to set up a page with thumbnail pics that when clicked on would link to another page? What do I need to do to set this up and do I have to create different/smaller pic files of the bigger pic that I am wanting to use? Or can I set up it up in html so that for example the photo would normally be 500 x 500 pixels but the thumbnail would display at 100 x 100?

thanks for the attempted help in advance

Was going to write it out for you, but it has been awhile since I did some of the html programming and was wanting to double check it...but found this site.

http://www.mediacollege.com/internet/html/image-tag.html



So basically...at least for posting in here...

You set up with the open tag for the link...I will use ( and ) instead of [ and ]

open tag ->(url= then paste the website address that you want to person to go to when they click the pic ) <- close tag......now to put the image in open tag-> ( img )put the address of the actual image here (img) <- Close tag and now you will need to put (/url) to close the url tag.

Hope that helps and does not confuse you.
 

Dayton Cowboy

Active Member
Messages
1,862
Reaction score
5
Thanks Brain, that was what I was looking for.. I'm trying to set up a page for internet goods and so this page is very helpful that you gave me in here..

thanksagain
 

Dayton Cowboy

Active Member
Messages
1,862
Reaction score
5
Okay.. thought I understood that but I couldn't seem to get it to work with what I was trying to do.. will this work else where on the web? or does the example you gave just work on this board?
 

BrAinPaiNt

Backwoods Sexy
Staff member
Messages
77,822
Reaction score
40,637
CowboysZone ULTIMATE Fan
Dayton_Cowboy said:
Okay.. thought I understood that but I couldn't seem to get it to work with what I was trying to do.. will this work else where on the web? or does the example you gave just work on this board?

You may have to use the < and > tags instead of the [ and ] tags when working in html

It has been so long ago but give that a try.
 

Hoods

Well-Known Member
Messages
1,381
Reaction score
1,076
Dayton_Cowboy said:
Hey Guys and Gals,

I am in need of some technical help. Could someone tell me how to set up a page with thumbnail pics that when clicked on would link to another page? What do I need to do to set this up and do I have to create different/smaller pic files of the bigger pic that I am wanting to use? Or can I set up it up in html so that for example the photo would normally be 500 x 500 pixels but the thumbnail would display at 100 x 100?

thanks for the attempted help in advance

Either or would work. Personally, I'd spend a little more time and make an extra file (smaller thumbnail). If I was to make a thumbnail manually, I wouldn't just resize the image either. I would only take a small portion of the original and use that. However, that takes some time and I'm not really sure how many you have to make. With that said, here's both ways to do it.

If you make an extra file and just link to the original, the coding would be:
Code:
<a href="originalpicture.jpg"><img src="thumbnail.jpg" /></a>

If you wanted to use one picture and use HTML formatting to make it's thumbnail, you would type in:

Code:
<a href="originalpicture.jpg"><img src="originalpicture.jpg" width="100" height="100" /></a>

What you just did was make the original picture 100x100. You could mess around with the dimensions and add a border if you'd like (border="1").
 
Top