Some useful information for posting images

[NAF1138]

Hey all, it has been asked that I sticky some info about posting images.

To put an image in a post:
1) Upload your image onto the web somewhere. I like photobucket, but that's me. There are lots of hosting sites out there, pick your favorite and run with it.
2) Enclose the URL your image is at (e.g. http://i235.photobucket.com/albums/ee10 ... goomba.jpg) in [IMG] tags, like this: [IMG ]http://i235.photobucket.com/albums/ee106/NAF1138/goomba.jpg[ /IMG] but without the spaces inside the tags.

You get:



Currently the max size for photos is set to 640X480. This is a fairly large standard size, but not gigantic. You may need to edit some stuff down to make it fit.

PM me and let me know if there is other stuff we need to add to this sticky and I will update it as necessary.

[SmartAleq]

To make a small thumbnail a link to the larger image:

{url=http://your_image_file_fullsize.jpg}{img}http://your_image_file_thumbnail.jpg{/img}{/url}

Replacing the curly brackets with straight ones, of course...

It looks like this:



ETA: Is there any way to get the max image size up to 640x480? That's a standard formatting size for most hosting sites and photo editors and would cut down on having to make very specifically sized custom image files just for use here.

[NAF1138]

ETA: Is there any way to get the max image size up to 640x480? That's a standard formatting size for most hosting sites and photo editors and would cut down on having to make very specifically sized custom image files just for use here.

Yes there is a way, and it is now taken care of. I'll edit the first post to reflect the update.

[SmartAleq]

Suh-WEET! I love you guys...

[ivan astikov]

To make a small thumbnail a link to the larger image:

{url=http://your_image_file_fullsize.jpg}{img}http://your_image_file_thumbnail.jpg{/img}{/url}

Replacing the curly brackets with straight ones, of course...

It looks like this:

Nah, didn't work for me. Boo! Hiss! I want my money back!

ETA: on clicking the link, I see it has made the burger bigger!? What gives?

[ivan astikov]

Compare burgers. http://farm1.static.flickr.com/90/25404 ... c33ad1.jpg

[SmartAleq]

To make a small thumbnail a link to the larger image:

{url=http://your_image_file_fullsize.jpg}{img}http://your_image_file_thumbnail.jpg{/img}{/url}

Replacing the curly brackets with straight ones, of course...

It looks like this:

Nah, didn't work for me. Boo! Hiss! I want my money back!

ETA: on clicking the link, I see it has made the burger bigger!? What gives?

Ummm, you have to replace BOTH the pic URLs in my example! Your first URL is my pic, you only changed the one inside the {IMG} tags to your picture...

Here it is, fixed:

[Hostile Dialect]

Sticky

You're doing it wrong.

[yawndave]

Posting from Picasa just got easier!

They have a checkbox now that says "Image only (no link)". You can use that w/img tags and it works!

For example:




Voila!

[Dragon]

I just had to try it.....



Oh, Too Cool.........

[Dragon]

And again.....

[Dragon]

One more.....

[Hatshepsut]

I'm apparently too incompetent to sort this out. This is a test post.

[IMG]<a href="http://www.flickr.com/photos/7971087@N03/3948778981/" title="Lunch on the klotok by tambora, on Flickr"><img src="http://farm3.static.flickr.com/2611/3948778981_67fbc5eca1.jpg" width="375" height="500" alt="Lunch on the klotok" /></a>[/IMG]

[Hatshepsut]

Yup, too incompetent. One more try:

[IMG]<a href="http://www.flickr.com/photos/7971087@N03/3948778981/" title="Lunch on the klotok by tambora, on Flickr"><img src="http://farm3.static.flickr.com/2611/3948778981_67fbc5eca1.jpg" width="375" height="500" alt="Lunch on the klotok" /></a>[/IMG]

[Inner Stickler]

You don't need the HTML.

[What Exit?]

Yup, too incompetent. One more try:

[IMG]<a href="http://www.flickr.com/photos/7971087@N03/3948778981/" title="Lunch on the klotok by tambora, on Flickr"><img src="http://farm3.static.flickr.com/2611/3948778981_67fbc5eca1.jpg" width="375" height="500" alt="Lunch on the klotok" /></a>[/IMG]

The easiest thing is to just copy the link to the image and use the Insert Image tool on the tool bar.
[ IMG ]http://farm3.static.flickr.com/2611/3948778981_67fbc5eca1.jpg[ /IMG ]
without the spaces in the tags will give you ...

[Hatshepsut]

When I tried that before, I just got the little question mark icon. That's why I tried the long version that flickr gives you for linking to other websites. I'm on a different computer at the moment (mine died, sniff) so this test may not be valid, but here goes - let's see if it works now ....

[Hatshepsut]

Nope, it doesn't.

I am on a Mac using Safari (same deal as on my now-broken computer). I wonder if that has something to do with it? I'll try from Firefox in a bit.

Oh, and thanks for the help!

[Hatshepsut]

I'm copying your example and fixing the broken link now....

[Hatshepsut]

It works!

Okay, even an idiot like myself will be able to figure this out now. I shall go forth and post a picture somewhere.