Guide to Posting Images


Status
Not open for further replies.

Darren

ClubSNAP Admin
Staff member
Jan 16, 2002
8,626
33
48
Melbourne
The new software platform together with the integrated Media Gallery provides members with several different ways to share their images. Here is a guide to illustrate how each of the different methods work.

Attachments Directly Into Threads/Posts
This is the quickest way to embed an image into your posts, but it comes with some limitations. Images will be resized to a maximum of 600 pixels on either side.

You can drag and drop images into the thread/post and the image will be uploaded automatically in the background, or you can use the Attach Files option below the text area.

Dragging and dropping an image will display the full-sized uploaded (remember, max 600 pixels) image in your thread like so:-

06_Attach_Full_Image.PNG


You can also choose to only insert a thumbnail by clicking on the THUMBNAIL option underneath, which will result in the following:-

07_Attach_Thumbnail.PNG


Using the ATTACH FILES option - a file selection dialog box will open up and you can select one or more image to upload. The uploaded files will be displayed under the text area :-

08_Attach_Files.PNG


And you can then insert either the Full Image or Thumbnail wherever your cursor is placed in the text area.
 

The second method would be to use the Media Gallery as the "storage" location for your images. You can create your own Personal Albums in the Media Gallery or you can upload to the available categories.

Posting images in this manner is slightly longer as you would first need to upload to the Media Gallery and then link the image to your threads, but this allows for a higher quality image as images in the Media Gallery are resized to a maximum of 1200 pixels on either side.

To add media to the Media Gallery, click on the Add Media button:-
01_Add_Media.PNG


Select a Category:-
02_Select_Category.PNG


Click on Upload File and select file(s) from file selection dialog box:-
03_Add_Media.PNG


Enter captions and details:-
04_Captioning.PNG


Save and display image(s).
05_Uploaded.PNG
 

After uploading to the Media Gallery, the next step is to link or embed the image to your thread/post.

Gallery Embed function in text editor
Click on the Camera icon on the toolbar to embed media directly from the Media Gallery. If you are unable to click on the Camera icon, you may need to toggle to WYSIWYG mode by clicking on the Gear icon on the far right of the toolbar.

09_Gallery_Embed.PNG


A popup with your images that are available in the Media Gallery will be displayed.

10_Gallery_Embed_Select_Media.PNG


Click on one or more images and click continue. The image(s) will be embedded into your thread :-


Embedding images this way puts them in a frame with captions and details.
 

Another way of displaying images from the Media Gallery is to use the [ IMG] bbcode method which is the standard method of linking images in almost all forums software.

There are shortcuts to the various types of links which can be found on the lower right of the image when viewed in the Media Gallery. The following are the links shown for the stork image above.



Click on the Copy icon under the Copy Image BB Code caption and paste it into the thread. The link will look like this if viewed in non-WYSIWYG mode -
Code:
[IMG]https://www.clubsnap.com/media/dsc_1143-jpg.117/full[/IMG]

And the image will be shown like this:-
full


Using the IMG bbcode method will give the largest possible image. Compare this with the Gallery Embed image in the previous post.
 

Status
Not open for further replies.