With the new ClubSNAP Photography Galleries, members now have the option to host their images over at the Gallery and then hotlink them to threads/posts in the Forums. This guide is meant as a quick tutorial to those who may not be conversant with how the process works.
Users Guide to Posting Images in ClubSNAP Forums
- Thread starter Darren
- Start date
- Status
Firstly, login at the Gallery - http://gallery.clubsnap.com/ - using your existing ClubSNAP Forum userid and password. After logging in, you will see the following option on the menubar - Upload Photos
Clicking on Upload Photos will bring you to the next screen, which allows you to upload 5 images at a time into a specified category. Categories are selected using the drop down menu.
Click on the Browse.. buttons to open a file dialog box and select file(s) from your computer to upload. Then click on Upload/Submit to send the images to the Gallery server for processing.
Important Tips
1. Image files are limited to 100KB in size and no larger than 1000x1000 pixels.
2. The Gallery software will automatically generate a medium sized image if the image exceeds 650 pixels horizontally or vertically. To prevent auto-resize, make sure your images are LESS than 650 pixels on the longest side.
Clicking on Upload Photos will bring you to the next screen, which allows you to upload 5 images at a time into a specified category. Categories are selected using the drop down menu.
Click on the Browse.. buttons to open a file dialog box and select file(s) from your computer to upload. Then click on Upload/Submit to send the images to the Gallery server for processing.
Important Tips
1. Image files are limited to 100KB in size and no larger than 1000x1000 pixels.
2. The Gallery software will automatically generate a medium sized image if the image exceeds 650 pixels horizontally or vertically. To prevent auto-resize, make sure your images are LESS than 650 pixels on the longest side.
After the Gallery server/software has received the image, you will see the following page :-
You can enter the Image Title, a short description and some keywords at this stage. You can also select to place the image into a different category by selecting from the Category drop-down menu.
Once satisfied that you have entered the information correctly, select Process Files to complete the upload.
You can now view your image(s) by clicking on the My Gallery link on the top left of the menubar which will bring you to :-
You can enter the Image Title, a short description and some keywords at this stage. You can also select to place the image into a different category by selecting from the Category drop-down menu.
Once satisfied that you have entered the information correctly, select Process Files to complete the upload.
You can now view your image(s) by clicking on the My Gallery link on the top left of the menubar which will bring you to :-
Final steps.
Depending on which image you want to hotlink to a thread in the Forums, right-click on the image and select Properties from the menu. You should see a dialog box as follows (this example for Mozilla Firefox, IE and Opera would have something similiar) :-
Copy the Link/Image location (it will look like http: //gallery.clubsnap.com/data/500/1386020010919-xxxaaabbbyyy.jpg)
Over in the Forum, you can now insert (hotlink) the image into your post/thread by:
a) clicking on the Insert Image icon (yellow box with a small mountain) and pasting the URL copied early into the box; or
b) typing
Like so -
Depending on which image you want to hotlink to a thread in the Forums, right-click on the image and select Properties from the menu. You should see a dialog box as follows (this example for Mozilla Firefox, IE and Opera would have something similiar) :-
Copy the Link/Image location (it will look like http: //gallery.clubsnap.com/data/500/1386020010919-xxxaaabbbyyy.jpg)
Over in the Forum, you can now insert (hotlink) the image into your post/thread by:
a) clicking on the Insert Image icon (yellow box with a small mountain) and pasting the URL copied early into the box; or
b) typing
Like so -
Suggestion.
If your images have been resized, you may want to hotlink the medium-sized image into the Forum thread and provide another link to the large/original-sized image.
Reason: the medium size image will load up faster, and if members want to view the image in more details, they can click on the hyperlink to go there
Click here for larger image
To provide a link to the Gallery page where the image is stored (for members to leave ratings or comments), copy and paste the entire URL as
http://gallery.clubsnap.com/showphoto.php/photo/1/size/big/sort/1/cat/500
If your images have been resized, you may want to hotlink the medium-sized image into the Forum thread and provide another link to the large/original-sized image.
Reason: the medium size image will load up faster, and if members want to view the image in more details, they can click on the hyperlink to go there
Click here for larger image
To provide a link to the Gallery page where the image is stored (for members to leave ratings or comments), copy and paste the entire URL as
http://gallery.clubsnap.com/showphoto.php/photo/1/size/big/sort/1/cat/500
Note to all those who post pics here, please try to resize/crop your pic to the following recommended dimensions (recommended cos we can't force you, but just hope that you will be kind enough to do so)
The dimensions has been reached after weeks of painstaking research and polling among the users to determine the most common and average screen size which turns out to be 1024x768 pixels. Therefore, the recommended image size will allow your picture to be displayed in its entire glory, without having to scroll sideways or up/down. If you have a larger screen size, grin to yourself and say "I am a lucky devil". If you have a smaller screen size, well, isn't time to upgrade??
Also, try to save your JPEG images at medium to high compression factors (experiment to see what level will produce the smallest size without too many artifacts) and keep the size to between 50-80KB.
Without further ado - the recommended image sizes:-
As a guideline only - you can make your pics smaller or slightly bigger (max width is about 700 pixels to fit comfortably without having to scroll).
The dimensions has been reached after weeks of painstaking research and polling among the users to determine the most common and average screen size which turns out to be 1024x768 pixels. Therefore, the recommended image size will allow your picture to be displayed in its entire glory, without having to scroll sideways or up/down. If you have a larger screen size, grin to yourself and say "I am a lucky devil". If you have a smaller screen size, well, isn't time to upgrade??
Also, try to save your JPEG images at medium to high compression factors (experiment to see what level will produce the smallest size without too many artifacts) and keep the size to between 50-80KB.
Without further ado - the recommended image sizes:-
As a guideline only - you can make your pics smaller or slightly bigger (max width is about 700 pixels to fit comfortably without having to scroll).
The latest version of the software used for the Gallery server provides a quick shortcut to copy and paste the relevant URL into the forums.
Under every image, you will see an item titled UBBcode and it will have the necessary [_img_] ... [_/img_] tags and the path all complete for you to copy and paste (see screenshot below) :-
With this new shortcut, members will have an easier time linking in their stored images in the Gallery to their posts in the Forums. Enjoy!!
Under every image, you will see an item titled UBBcode and it will have the necessary [_img_] ... [_/img_] tags and the path all complete for you to copy and paste (see screenshot below) :-
With this new shortcut, members will have an easier time linking in their stored images in the Gallery to their posts in the Forums. Enjoy!!
Addendum.
Adding link to Resizing and Cropping Guide article for those who need a tutorial on how to resize their images while still retaining sharpness.
Adding link to Resizing and Cropping Guide article for those who need a tutorial on how to resize their images while still retaining sharpness.
- Status
Similar threads
