Joined
·
3,600 Posts
I've been working on integrating a new picture gallery into the site for a little over a week. There was a thread in the help+feedback section awhile back that got me rethinking the subject and what I wanted to see out of a picture gallery on this site. The new gallery feature should be very user friendly and allow users to more easily post pictures. If you're using a 3rd party alternative such as photobucket you can still do so.
On with the tutorial.
The first thing you need to do is setup your photo album. Click on the "User Control Panel" link in the upper right of your screen and you will be presented with a menu like this. Click on the link that says "Gallery". You will see the word GALLERY on the left side of your screen in the bottom of the box.
You will now be at this screen. Click the line that says "Manage personal albums" in that same box you were just in. Then click on "Create personal album". You can create up to 10 albums to organize your pics however you want.
Now for uploading your pictures. After creating your album you will be presented with this screen. Click on the link that says "Upload Image"
Here is the upload screen. You can upload up to 10 images at a time. Notice at the top I titled the image I'm uploading as plowon. When you're finished selecting your images click "Submit" at the bottom.
Now for inserting them into your posts. After clicking on an image it will be displayed like this. Notice the BBcode that I highlighted? That is what you need to copy and paste into your post to display the picture. You can post your pictures as many times as you want in as many threads as you want.
Here is the code pasted into the thread window.
After you have created an album there will be a link at the bottom of your posts titled "Gallery" where you can view other peoples images that they have uploaded to the site.
When you click on a picture from your album you will see some code at the bottom of it. It will look like this.
The only thing that will look different is the number. Each picture in the gallery get's assigned it's own number. Copying and pasting that code into a thread will post the picture.
You can only upload 10 pictures at a time. If you have 18 pictures total you're going to have to do them in 2 batches.
In this particular case resolution of the pictures has a direct correlation with the size of the pictures. Making them smaller isn't going to do anything but make them harder to see.
The FAQ that is at the top of the Board Index Page is generic. It was written without the gallery in mind. Anything you find in there has no bearing on the gallery. That's why this thread was written.
1. I changed up some settings so users can now delete and edit location of their own images.
2. Your images have already been automatically resized when they were uploaded. If you try to upload a large image
the gallery will resize it to it's default resolution. There is also a limit on the physical size of the file. The latter is a security
measure and can't be changed.
3. I messed with the layout a bit to make 1 less column. Seems to fit on the screen better. You have to remember that just because something
appears a certain way on your desktop it may look completely different to someone else on a smaller or larger monitor with a different desktop
resolution. I have to try and find a middle ground where it looks good for everyone.
Any questions or comments please post them in this thread.
Thanks!
On with the tutorial.
The first thing you need to do is setup your photo album. Click on the "User Control Panel" link in the upper right of your screen and you will be presented with a menu like this. Click on the link that says "Gallery". You will see the word GALLERY on the left side of your screen in the bottom of the box.
You will now be at this screen. Click the line that says "Manage personal albums" in that same box you were just in. Then click on "Create personal album". You can create up to 10 albums to organize your pics however you want.
Now for uploading your pictures. After creating your album you will be presented with this screen. Click on the link that says "Upload Image"
Here is the upload screen. You can upload up to 10 images at a time. Notice at the top I titled the image I'm uploading as plowon. When you're finished selecting your images click "Submit" at the bottom.
Now for inserting them into your posts. After clicking on an image it will be displayed like this. Notice the BBcode that I highlighted? That is what you need to copy and paste into your post to display the picture. You can post your pictures as many times as you want in as many threads as you want.
Here is the code pasted into the thread window.
After you have created an album there will be a link at the bottom of your posts titled "Gallery" where you can view other peoples images that they have uploaded to the site.
When you click on a picture from your album you will see some code at the bottom of it. It will look like this.
Code:
[IMG]http://casecoltingersoll.com/dbtech/gallery/images/upload/1/3/6/7/1/5c97861345cb7cba0494379cee1fe4ff.jpg[/IMG]
You can only upload 10 pictures at a time. If you have 18 pictures total you're going to have to do them in 2 batches.
In this particular case resolution of the pictures has a direct correlation with the size of the pictures. Making them smaller isn't going to do anything but make them harder to see.
The FAQ that is at the top of the Board Index Page is generic. It was written without the gallery in mind. Anything you find in there has no bearing on the gallery. That's why this thread was written.
1. I changed up some settings so users can now delete and edit location of their own images.
2. Your images have already been automatically resized when they were uploaded. If you try to upload a large image
the gallery will resize it to it's default resolution. There is also a limit on the physical size of the file. The latter is a security
measure and can't be changed.
3. I messed with the layout a bit to make 1 less column. Seems to fit on the screen better. You have to remember that just because something
appears a certain way on your desktop it may look completely different to someone else on a smaller or larger monitor with a different desktop
resolution. I have to try and find a middle ground where it looks good for everyone.
Any questions or comments please post them in this thread.
Thanks!