Hurricane City Hurricane TV CaneTalk Logo
CaneTalk Forum | Search Messages | Post a New Message | Member Map

| HurricaneCity | Tropical Atlantic | Chat Room | Board Rules



Tutorial on how to display an image in your message

This tutorial covers how you can display an image, hosted anywhere on the internet, in a message you post at CaneTalk. While this tutorial is long, the process is actually very simple.

The first step is getting the link (also known as an URL - uniform resource locator) to the actual image rather than using the link of the page that the image is on.

To view a tutorial on how to enhance text in your message, click here for a tutorial on the types of HTML (HyperText Markup Language) we allow.

If you have an image file on your computer you are looking to upload, like an image from your camera, use a service like ImageShack to upload the image to their site. Then you can use the link to that image here at CaneTalk.



Step 1 - Firefox and Google Chrome browsers

Getting the link to an image is easy in the Firefox and Google Chrome browsers.

Simply right click on the image you want in your message and in the context menu that pops up, click "Copy Image Location" if you are using Firefox or click "Copy image URL" if you are using Google Chrome.

Step 1 - Internet Explorer browser

Internet Explorer is a little tougher when it comes to getting the link to an image. You will need to right click on the on the image you want in your message and in the context menu that pops up, click "Properties". A small window will now appear. Next to "Address: (URL)" you will find the link to the image you want. You now want to highlight that address. There are three ways to do that.

Method 1

Right click on the link to the image that is next to "Address: (URL)". In the context menu that pops up, click "Select All". The entire link should now be highlighted.

Method 2

This may or may not work for you. Try triple clicking on the link to the image that is next to "Address: (URL)". The entire link may now be highlighted. You may have to try a variety of clicking with your left mouse button to see what works.

Method 3

The hard way. Left click as close to the start of the "h" in "http://" that is next to "Address: (URL)" as you can and hold down the left mouse button as you drag your mouse to the end of the link to the image. At that point you should now see that the entire link is highlighted at which point you can let go of your left mouse button. This way is more difficult and may result in you not getting all the text of the link.

The final part of step 1 is to right click on the highlighted text. In the context menu that pops up, click "Copy".

Step 2

You now have the link to the image saved to your clipboard, which is where that data you copy resides until you copy something else or you restart your computer. You now want to visit CaneTalk to post a message. Keep in mind that when you post a message at CaneTalk you have the option of previewing your message first. This allows you to make sure your post looks the way you want it to. To display an image at CaneTalk you can do it using three different methods.

Method 1

The easiest method is to left click on "Image" below the large text field where you type your message. Once you do that a small text field will appear below that has an "http://" in it. Right click inside that text field. If the "http://" does not disappear when you do, instead left click first inside that text field and then when the "http://" goes away, right click inside that text field. Once the context menu pops up you should see "Paste". Left click on that. Once you do, the link to the image should now have been pasted into (added into) the text field. The final step is to click the "Add" text to the right of the text field. The link to the image will now have been added into the large text field that contains your message along with some code around it that tells our system to display that image. You will notice the small text field now contains "http://" again, ready for you to add another image if you like. You can add as many images as you like.

Method 2

The second method is the manual method to what was done in method 1. You simply manually type the forum image tags around the link to your image:

[img]http://canetalk.com/images/lightning.jpg[/img]

Or simply use the easier way in method 1.

Method 3

Method 3 is the techie way. You actually post the HTML command for displaying an image which is in this format:

<img src="http://canetalk.com/images/lightning.jpg">

"img src" stands for "image source" and this line of code is what literally displays an image on a web page. The previous methods use a nicer looking format that our system uses to eventually process it into this HTML code to actually display the image on a page.

Some Notes

The safest way to get the link to an image is by following the instructions in step 1. Sometimes you may be deceived into thinking that there is nothing else on the page other than an image. Rather than take a chance in using the link to the page, simply follow step 1 each time. Even when a link ends with an image extension like ".jpg", ".png", or ".gif", it may not actually be the link to the page. Wikipedia is a good example of that situation. The link to an image's page at Wikipedia ends with an image extension but it is actually a page. To get the link to the image, you need to follow the instructions in step 1.

Animations, like Flash and Java, cannot be posted to CaneTalk as an image. You will instead have to link to the page that contains the animation. The only animation that can be posted as an image is a ".gif" file.

Please try to avoid having an image with a large file size, or a lot of images that add up to having a large file size, load inside your message. It uses a lot of bandwidth on the site you are loading the image from. A 5MB file viewed two hundred times at CaneTalk will use 1GB (1,000MB) of bandwidth on the site hosting that image. If a lot of sites do that the site hosting the image may not be able to handle that much traffic. It is better to provide a link to the image so that people can choose to view it, and therefore load it, only if they want to view it. Large image files also take a lot of time to download for people who do not have broadband. While the image may load extremely fast for you, it could take a half hour for someone not using broadband.

Some sites do not allow their images to be displayed on other sites. They have disabled inline linking (also known as hotlinking) For these kinds of sites people will be unable to see the image in your message and you will instead have to link to the page the image is on. You may not even be aware of this problem. The reason is that if you look at an image at a site that disables hotlinking by getting to the image through their site, when you try to view the image inside your post at CaneTalk you will actually see the image because it exists in your web cache, a place where data is stored so that if you visit the image again in the future the image does not have to be downloaded again. (It also allows for offline viewing.) If someone says they can't see the image you posted and you can, it may be for this reason.