Photos, how to get them online. The easy way.

Wed, 31/10/2007 - 11:10 — brainwipe

So, you have a load of photos and you want to get them online? This is how. I recommend Google's excellent Picasa. It comes in two parts:

1. Download Picasa. Install it. After that, it will run off and look for all your pictures on your hard drive.
2. Get yourself a Google Account. This is what Picasa will connect to and where your photos will be uploaded to. It will also give you a Google mail account, documents account and more.

Once you've done that, you can upload photos by selecting a load and then hitting "Upload to web album". It gives you a number of options (private, public etc) and a title. You can then go to your own personal Picasa page and see your pictures. You can link an individual picture by going to the picture and then clicking "Link to this photo" on the right hand side. It gives you this:

Here's a really good tutorial from the horse's mouth:

Once you've done all that, you can friend up Byrn, Pete, EMW and I and all the galleries can be linked. Lovely.

Technology

Wed, 31/10/2007 - 11:50 — babychaos

Just as a little added to

Just as a little added to this, if you want your photo thumbnails to appear next to the text (rather than appearing inline as HTML does by default) you can add a little bit of CSS to the link Picasa gives you. If you simply add in
style="float:left"
or
style="float:right"
Inside the A link tags you'll get the effect demonstrated in this post, where text wraps around the image, rather than adding it into a line.

You will need to be able to do FUll HTML as an Input Format...not sure if thats enabled for everyone?

//added. It wasn't. I have added the tag to the Filtered HTML option...

Wed, 31/10/2007 - 12:08 — brainwipe

Nice Pete. When I do the new

Nice Pete. When I do the new skin, I will add an auto margin around images when in blog full view.

Wed, 31/10/2007 - 12:13 — babychaos

Good call. I was trying to

Good call. I was trying to work out if I could do in myself the same way, but decided I was probably overdoing it within the link at that point.

/added. Oh, actually not too bad, just expand the style entry to read
style="float:left;margin:10pt"
Bosh...job done for now :-D

Wed, 31/10/2007 - 12:27 — babychaos

Something else you can do

Something else you can do with Picasa (though this does need full HTML at the mo) is a Flash slideshow. Officially this isn't supported, but with a bit of tweaking and this handy tool you can get...

This uses the embed tag, YouTube uses both object and embed...I can't remember for the life of me if you still need Object tags for it to work or not though...is it worth adding embed to Filtered HTML to allow YouTube etc stuff to be posted up?

Wed, 31/10/2007 - 13:12 — babychaos

ahem, and one more note. You

ahem, and one more note. You can control what appears on the front page by inserting a < ! - - break - - > bit (without all the spaces) into your post. It'll stop things like (for example) big ass pictures from appearing on the front screen. By default the first 400 or so characters go on there, but by using the break comment you can shorten this. If you preview your post you'll see both the teaser and the main post, and can decide where you want the teaser to end.

Tue, 24/06/2008 - 13:24 — baron

Almost there, but not

Almost there, but not quite.

I've been playing with trying to get the text to wrap around the piccie and having trouble. Could you be more explicit in how to do the code and the text to go next to the pic please?

Tue, 24/06/2008 - 13:45 — brainwipe

The code you need is: <img

The code you need is:

<img src="http://www.lack-of.org/files/pics/picture-11.png" style="float:left; margin:8px;" />Now the text goes right next to the image. That way, the browser will place the image then wrap the text.

For example:

Now the text goes right next to the image. That way, the browser will place the image then wrap the text.

Tue, 24/06/2008 - 13:49 — baron

Like this? Test, test test

Like this?

Test, test test

Tue, 24/06/2008 - 13:50 — baron

Hmm, how come your text is

Hmm, how come your text is alongside it but up at the top and mine is down at the bottom?

Tue, 24/06/2008 - 14:33 — babychaos

(I've just edited your post

(I've just edited your post to test this)

I suspect the reason is that you're not using "Full HTML" as an Input format. You may well not have it... It thats the case then Drupal is probably stripping out the style parameters you're adding in.

When I do floating images I always use FUll HTML input, or it doesn't work correctly...

Tue, 24/06/2008 - 15:03 — baron

How do I use Full HTML as a

How do I use Full HTML as a format? I've also been having trouble imbedding a picture into a post too.

{img}http://xyz.com/picture.jpg{/img} where {} = <> doesn't seem to work for me either.

Tue, 24/06/2008 - 15:11 — brainwipe

There is an "input format"

There is an "input format" link below the text box you write in. That should open a selector, of which Full HTML is an option. If it isn't, we admins have cocked up!

Tue, 24/06/2008 - 15:11 — babychaos

One of the options under the

One of the options under the input window should be "Input Format". I have Full HTML as an option, but then again I'm an admin, so I have that sort of supreme power. I could also post as PHP code :-D

The format for an image link is HTML, so

THis would be allowed under normal filtered HTML posting, as we've allowed the <img> tags, but I think that it strips out parameters such as Style unless Full HTML is enabled...

Tue, 24/06/2008 - 15:14 — brainwipe

Beat you. ;-) I might buy

Beat you. ;-)

I might buy myfuckingimagerespository.com. It appears to be free.

Tue, 24/06/2008 - 15:22 — babychaos

Tue, 24/06/2008 - 15:44 — baron

Will it work? Blah blah blah

Will it work?

Blah blah blah

Tue, 24/06/2008 - 15:45 — brainwipe

I sorted out the muppet.

Tue, 24/06/2008 - 15:45 — baron