banner
You are not using a standards compliant browser. Because of this you may notice minor glitches in the rendering of this page. Please upgrade to a compliant browser for optimal viewing:
Firefox
Internet Explorer 7
Safari (Mac and PC)
Forum
Photo album and upload script up

Genomic Repairman
Rate Post:

Like 0 Dislike
Photo album and upload script up
Wed, Jul 28, 2010, 9:16 pm CDT
Works great, thanks Brian.

Kelly Oakes
Rate Post:

Like 0 Dislike
Photo album and upload script up
Thu, Jul 29, 2010, 5:52 am CDT
Just tried it, works really well!

Just a quick question - is there a way I can change how much white space around the photo? I like the text to wrap around it but it would be nice if I could make a bigger gap around the photo. This is probably really easy and I'm just being an idiot, but help would be appreciated.

Brian Krueger, PhD
Columbia University Medical Center
Rate Post:

Like 0 Dislike
Photo album and upload script up
Thu, Jul 29, 2010, 6:26 am CDT
@Kelly, Yep! Do you see the "margin" property in the image code that was generated? The numbers after margin are the white space numbers around the image. It goes in this order: Top px, right px, bottom px, left px. I could change the defaults. Let me know what numbers you like best. I guess it does look a little tight!

Kelly Oakes
Rate Post:

Like 0 Dislike
Photo album and upload script up
Thu, Jul 29, 2010, 6:32 am CDT
Hmmm i thought i did that, must not have done. Will try again!

Brian Krueger, PhD
Columbia University Medical Center
Rate Post:

Like 1 Dislike
Photo album and upload script up
Thu, Jul 29, 2010, 2:37 pm CDT
Someone asked for step by step instructions on picture uploading, so here they are!

1. Know where your pictures are on your hard drive
2. Scroll down to "Add Pictures to your Blog"
3. Click on "Choose File" or "Browse" depending on your browser
4. Select the picture you want to upload
5. Add a caption to the picture. Hyperlinks are legal in here so please link to your sources!
6. Click "Add Photo"
7. AJAX magic happens and the picture should appear in the box below "Last 40 Uploaded Pictures"
7a. Add as many photos as you want to have in your blog post, no page refreshing required. The form resets itself after each upload.
8. Now you have options: Select which side of the screen you'd like the picture to be on. If you pick center, text will not wrap around the image, it will just be centered in the middle of your blog post
9. Type in the width or height you'd like the image to be, if it's the right size (620 pixels wide or less!), then click the "Generate Code" button. This creates some spiffy HTML code for you with all of the links and properties for putting your image in the right position.
10. Click in the code box (Text automatically selects all!) and copy that text.
11. Paste the text at the beginning of the paragraph that you'd like it to appear on(right/left) or above (center)
12. To set the blog preview image, click the link below the image in your upload gallery that you'd like to have as the preview image and it will paste the correct image location in the "Set preview image" box. You don't have to do anything else!

Post any other questions below :)

Dr Becca, Ph.D.
Rate Post:

Like 0 Dislike
Photo album and upload script up
Thu, Jul 29, 2010, 8:51 pm CDT
Thank you so much Brian! That is so helpful. I almost never look at the html when I do blogger, so I need to have my hand held a little in the beginning. But I'm gonna learn real fast, promise!

Genomic Repairman
Rate Post:

Like 0 Dislike
Photo album and upload script up
Thu, Jul 29, 2010, 9:22 pm CDT
Sometimes when I ask it to generate code, I get bounced out of the blog page and redirected?

Brian Krueger, PhD
Columbia University Medical Center
Rate Post:

Like 0 Dislike
Photo album and upload script up
Fri, Jul 30, 2010, 5:41 am CDT
@repairman, that's bad! I hope you haven't lost anything because of it! What browser are you using?

Brian Krueger, PhD
Columbia University Medical Center
Rate Post:

Like 0 Dislike
Photo album and upload script up
Fri, Jul 30, 2010, 7:51 am CDT
I changed the Code Generation button. It shouldn't ever submit/reload the page again. Please play with it and let me know if you have any problems :)

Genomic Repairman
Rate Post:

Like 0 Dislike
Photo album and upload script up
Fri, Jul 30, 2010, 8:04 am CDT
Running a combination of Firefox and Safari.

Brian Krueger, PhD
Columbia University Medical Center
Rate Post:

Like 0 Dislike
Photo album and upload script up
Fri, Jul 30, 2010, 8:31 am CDT
Let me know if you have any more problems. It shouldn't happen again. But keep me posted if you find other bugs!

Brian Krueger, PhD
Columbia University Medical Center
Rate Post:

Like 0 Dislike
Photo album and upload script up
Fri, Jul 30, 2010, 9:22 pm CDT
When you post in the image code, put it in-line with the beginning of the paragraph you want the image to float in. If you don't it will add extra white space to the paragraph and look funny. I noticed this happening a lot with Genomic Repairman's posts. So maybe it's just him :P

ex <div style="float: left; text-align: center; etc">start of paragraph

Evie
Rate Post:

Like 0 Dislike
Photo album and upload script up
Sun, Aug 01, 2010, 11:54 am CDT
Haha.. I love how you have the 7a line of instructions..
Photo album and upload script up
Friends