Coding a Clickable Thumbnail or URL
From WSGFWiki
Contents |
Coding a Clickable Thumbnail
NOTE: you must have your picture(s) hosted on a site that allows linking such as Imageshack
[url=PUT #1 LINK HERE][img]PUT #2 LINK HERE[/img][/url]
- #1 link = http:// anysite.com /albums/album30/classicinsgauge.sized.jpg LARGE PIC URL
- #2 link = http:// anysite.com/albums/album30/classicinsgauge.thumb.jpg SMALL PIC URL
- Make sure there are no gaps between inserted link & the coding
Save the following text & use copies of it in any text docement like Word/NotePad to build your clickable thumbnail
Getting File Locations
If you're unsure of the exact URL of an image you've uploaded, follow these steps to determine it's location:
1) Go to the site where the thumbnail (small) picture is hosted & right mouse click it & left mouse click properties
2) Then highlight & copy the Address: URL then paste it in the code I gave at SMALL PIC
3) Then go to the site where the thumbnail (small) picture is hosted & click on it. Then when the big pic loads (you may have to click it again for it's largest form). Right mouse click it & left mouse click properties & highlight & copy the Address: (URL) then paste it in the code I gave at LARGE PIC
Example
Here is an example of what a thumbnail from Imageshack will look like (the image is from this very tutorial):
![]()
Credits
Original Forum Tutorial Written by: Dougofthenorth
Disclaimer, Author & Feedback
The WSGF makes no warranty on the usage of this information/tutorial. Use this information at your own risk, and use common sense. This Tutorial was originally authored by Dougofthenorth. If you have any questions or comments about this Tutorial, please post into the original forum thread.
© The Widescreen Gaming Forum (WSGF) 2002-2006. All Rights Reserved
















