How do I add images, video or pdfs to my posts?

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

How do I add images, video or pdfs to my posts?

Osbert Lancaster 2756
Administrator
This post was updated on .

Posting images

To insert an image in your post:
1. Place the cursor where you want the image to appear
2. Click the "Insert Image" button on the toolbar above the edit area.
3. Complete the dialogue that appears (remembering to select the options that resize the image and place it to left, right or centre, as appropriate. There's more information about image and file size below!)
4. Click the "Insert Image" button at the bottom of the dialogue.
5. Wait!  - There is no progress bar or other indicator that the upload is taking place so depending on the speed of your connection and the size of the file it may take up to half a minute to make the upload. Once the upload is complete the dialogue will disappear and you will see some code like this:

<nabble_img src="myphoto.jpg" border="0" class="center"/>

inserted in the message where the image will appear when posted.

Some people have said they find it difficult to get the image to go where they want it. The following may help you understand how to position an image.

Image Positioning:

This follows the standard HTML rules. (HTML is the computer language used to build web pages.)

1. By default, images appear "in line". (The "Float: None" Setting)

When inserted, an image behaves just like the next letter typed in a word. Obviously it will be much taller than a normal letter so forces the lines of text apart in order to accommodate itself and it will cause word wrapping if it is so wide it would go beyond the end of the line.
 
If using the default positioning, it is recommended that you hit the carriage return/enter key a couple of times before and after inserting any image to ensure that the image starts on a new line and no text will continue from the bottom right corner of the image.

2. Images can be set to "float" (The Float: Left/Right Setting)

Floating takes an image out of the "normal flow" (to use HTML jargon). It appears to the left or right at the position it was inserted. Any following text then fills the space to the side of the floated image and otherwise continues in the normal flow of the page's content.

In general, therefore, it is recommended NOT to use "Float Left/Right" unless the image is to be displayed at one of the smaller sizes offered and a good quantity of text follows the image. There needs to be sufficient text flowing beside the image to reach fully past the image and return to occupy the full width of the space available. If it doesn't, then any following images can begin to catch on the earlier ones and it all gets very messy.

3. Images can be displayed centred (The "Float: Center" Setting)

In HTML terms the image is being displayed as a "Block" and that block is then centred within the space available. As a block nothing can be displayed or flow to either side of it.

This is probably the best setting for most people to use. Text before the image will stop as if the end of a paragraph. Following text will start on a new line. However, note that images which are wider than the available space will be truncated and only show the left hand portion.

Image Size:

Photos uploaded direct from a modern camera will exceed the 1Mb file size limit and after a long wait you'll get an error message, regardless of any size options you picked on the dialogue. (That's because the re-size only takes place after the file arrives at Nabble.) In short, it is best only to upload ready sized files and not rely on Nabble to re-size them for you.

If you have no way of re-sizing a file yourself, of the three sizes offered in the Insert Image dialogue, the largest (750px) nicely fills the width available in the forum. For most purposes, this is the best option to use, and should be used in conjunction with the "Float: Center" option (as described in IMAGE POSITIONING above).

The smaller sizes (250px and 500px) are best suited for images to be floated left or right.

Images wider than 750px will be truncated and only show the left hand part, so you should always choose one of the three sizes above unless the file you are uploading, or linking to, is already below this limit.

If you wish those reading your post to have a copy available for best print quality then use the file upload facility (on the More v menu) rather than adding it as image. This allows files of up to 5Mb in size to be uploaded. The file will appear as a link in your message. Readers will be able to right-click on it and choose the option to save it to disk.

Embedding video

You can embed YouTube videos only. You will need to follow YouTube's instructions to upload your video to YouTube.

Once your video is on YouTube, navigate to the Youtube video you want to embed. Below the video click the Share arrow; then click the Embed link which will appear below the Share arrow. Copy the code that appears to your clipboard.

Back in this forum, create your post, position the cursor where you want the video to be embedded in your post, select the Embed v menu, click Embed tags button. Code will appear like this:
<nabble_embed></nabble_embed>

Position your cursor between the two middle brackets:
<nabble_embed>CURSOR HERE</nabble_embed>

Then paste the embed code from your clipboard.

You will see the code - not the video at this point.

Finish writing your post, then click 'Post Message', and you will be shown the completed message. If the video doesn't appear in a couple of moments, refresh your browser window.

Uploading pdfs or other file types

You can upload a pdf or other file type - maximum size of each file is 5Mb. This will be shown as a link in your post, which readers can click to open or download.

Place the cursor where you want the link to appear in your post. Click the More v menu, select Upload a file. Click Choose a file, navigate to the file on your computer, select it and click Upload file.

There is no progress bar or other indicator that the upload is taking place so depending on the speed of your connection and the size of the file it may take up to half a minute to make the upload. Once the upload is complete the dialogue will disappear and you will see a link to file.

Complete your message and click Post Message.
"Selkie", a Drake rowing boat by Clint Chase
"Scratch", a Walkabout dinghy by John Welsford
Mainly sailing and rowing on the Firth of Forth
forthsailoar.osbert.org