[READ AND FOLLOW THIS] How to use Imageshack thumbnails "properly"

[Taryble]

This is just a tutorial post on how to link images with Imageshack. I know, Imageshack provides those lovely copy/pasteable links for forums and whatnot, even with thumbnails!

The problem with Imageshack's links is that they point to an "infopage" style page - we don't get to see your image in it's full glory without a few more clicks, and that's sort of at cross-purposes for posting UI images.

Here's an infopage. http://img801.imageshack.us/i/wowscr...710201106.png/
Here's the image. http://img801.imageshack.us/img801/3...1710201106.png

When you click a thumbnail, wouldn't you rather go to the image, instead of the infopage?

I'm going to show you how to bypass the infopage. Here's the "Thumbnail Forum" (first line under "Embed Thumbnails of this Image" on the right of the page) text.

[URL=http://img801.imageshack.us/i/wowscrnshot071710201106.png/][IMG]http://img801.imageshack.us/img801/3289/wowscrnshot071710201106.th.png[/IMG][/URL]
Uploaded with [URL=http://imageshack.us]ImageShack.us[/URL]

First thing to do? Trim off the 2nd line.

[URL=http://img801.imageshack.us/i/wowscrnshot071710201106.png/][IMG]http://img801.imageshack.us/img801/3289/wowscrnshot071710201106.th.png[/IMG][/URL]

Now we're going to alter the link so it goes to an image, instead of the infopage. Thanks to Treeston, we know we can use the thumbnail link, and just remove ".th" from it.

http://img801.imageshack.us/img801/3289/wowscrnshot071710201106.png

Now to combine that link with the thumbnail link, by replacing the address in the [url] tag with the address of the full picture.

Here's the thumbnail link again, and then the fixed thumbnail link (2nd line). I've added spacing so you can see which portion changed.

[URL=http://img801.imageshack.us/i/wowscrnshot071710201106.png/]         [IMG]http://img801.imageshack.us/img801/3289/wowscrnshot071710201106.th.png[/IMG][/URL]
[URL=http://img801.imageshack.us/img801/3289/wowscrnshot071710201106.png][IMG]http://img801.imageshack.us/img801/3289/wowscrnshot071710201106.th.png[/IMG][/URL]

See the portion I changed? Now it'll create a thumbnail that links straight to the full-size image. Here's what it looks like now.

[Deleted]

You forgot to close a [code] tag there (after Uploaded with ImageShack.us)

Also, you don't need to get the link from the info page. Take the thumbnail link, cut off the .th part.

http://img801.imageshack.us/img801/3289/wowscrnshot071710201106.th.png

to

http://img801.imageshack.us/img801/3289/wowscrnshot071710201106.png

[Freytor]

I approve. Very good guide/tutorial.

[Taryble]

Thanks for pointing it out, Treeston - I'd also forgotten to close a [noparse] tag there, as well. It's been fixed in the original post. :-) Turns out it parses BBCode tags inside of Code blocks, so I had to add Noparse blocks inside the code blocks.

Also, I'd thought that might work, but I'd never tested it. Thank you for pointing it out.

[Taryble]

Sweet Monkey Jesus, I've been stickied! *laugh*

[Deleted]

Sweet Monkey Jesus, I've been stickied! *laugh*

*Treeston claps excitedly for Taryble*