Image Embedding


Step 1:  Select Photo
Okay, now that we have taken a photo, processed it, resized it, and uploaded it into our personal gallery, it is time to let our friends in the forum know it is there.  So we go to start a new thread with one of those nifty images in the body of the message.  Then we realize we don't know how to do this.

The first step is to select an image from our gallery.  We will choose the one we just uploaded, and hey, check it out, we have received a five star rating already!



Step 2:  Properties
Click on the image for an enlarged version.  From the larger image, we can do several things such as send it as an ecard, edit the photo, make a comment or rate it.

What we need is the address of the image so we can put it in the body of our message.  To do this, right click on the image and a popup menu will appear.  This is an Internet Explorer function, and menus from other browsers differ slightly.

From this menu select "Properties."  An image properties dialogue box will appear.  This dialog box gives us information such as file size, image dimensions, file type and such.  We are interested in the address (Uniform Resource Locator - URL).

Highlight this entire address by dragging the cursor over it.  Copy it to the clipboard by pressing [Ctrl][C] simultaneously.

Highlight this entire address by dragging the cursor over it.  Copy it to the clipboard by pressing [Ctrl][C] simultaneously.



Step 3:  IMG Button
Next, we go to start a new message.  Type text up to the point where we want to insert the image.

To insert the image press the "IMG" button and a dialogue box will appear prompting for the image URL.  Simply press [Ctrl][V] simultaneously to insert the address we just copied from the "Properties" dialogue box.

Alternatively, we can simply type in our URL, flanking it by image tags to allow the forum processor to recognize it as an embedded image.

Start with the image descriptor [IMG] and end it with [/IMG] - note the forward slash in the end descriptor.  Make sure that there are no spaces between the two tags, otherwise it will not be recognized properly.  Our URL simply goes between these two descriptors, again with no spaces.

A proper image address will appear like this:

[IMG]http://reefcentral.com/gallery/data/500/49102starfish.jpg[/IMG]

Notice our URL ends with ".jpg"  - this is key, since you cannot embed an .html or .php or .asp file.  The URL must point directly to an image file (.JPG, .GIF, .TIFF, etc.)



Step 4:  Preview Post
The image address flanked by image tags now appears on our body text and now we want to make sure it appears in the message as we envisioned.

To see what our final message looks like, hit the "Preview Post" button.  This is a better option than starting a forum message titled "Test" since we can save face by having the image show up where it is supposed to.  Additionally, this allows us to choose a more meaningful message title.



Step 5:  Verify Image

Here we see our message text and image as it will appear when posted in the forum.  If something goes wrong like the dreaded [x], simply scroll down and correct the error.

The [x] indicates the URL is invalid, it is not an image file, it has been moved, deleted, or the address typed incorrectly.



Step 6:  Post Button
Once we are satisfied with our message and there are no blatant errors we can click the "Submit New Thread" button.



All Done!
And there you have it!  We've got the image into a message so the entire world can see and comment on it. 

Have fun, and happy shooting!

 

Page: