Splitboard.com Forums

We have a lot of new members joining our little community, so to make it easier for them to contribute their own stoke, here's a short little how-to about posting pictures to splitboard.com. I know there's a few older threads out there on this, but we plan to make this a sticky so it should always be at the top of the "Trip Reports" subforum.

So, I present to you: How to post images for use in trip reports and other threads.

1. Upload your picture somewhere on the web. If you have your own website or domain name, feel free to use that, but photohosting sites such as Flickr work great. (I use Flickr and recommend it. Like most sites, it's free to start, or you can upgrade your account for something like $20 per year. The free account let's you upload up to 200mb per month which seems pretty sufficient for most users).

Photo Websites to consider:
Flickr
Big Lines
Photobucket
Picasa
SmugMug
Pbase

2. When writing your TR or posting a picture, you will need to know the URL to the picture. This can be found by right clicking on a picture and choosing properties, then copy and paste the url.

Example from my Flickr page and a photo from climbing Mt Stuart:
Go here to see the picture: http://flickr.com/photos/25106500@N06/2918369519/
The pictures URL is then: http://farm4.static.flickr.com/3200/291 ... 6c.jpg?v=0

3. In the body of your TR/post, use the html IMG tags to surround the URL for your image. It should look like:
[img]your_image's_url_here[/img]

Using the above picture, you can post it in a thread with:
[ img]http://farm4.static.flickr.com/3200/2918369519_150b4a3f6c.jpg?v=0[/img]
(*Note: there is a space between the '[' and the 'i' in the first [img] tag so that the command is shown, remove that space in your post*)

When you're done, it should look like this:


4. People generally prefer captions above the pictures (OCD, anyone?), but that's up to you.

5. Please don't use the attachment feature as Splitboard.com was not designed to be a hosting service and can't support a large number of photos in the long term.

If you have any questions or suggestions on how to improve this how-to, please let me know.

BCR, do you want to add a post with how to post/embed a video?

Thanks all.

To add video click on one of these buttons, the one you choose will be dependent on which video provider is hosting the video you're looking to embed. I'm using Youtube in this example.

http://screencast.com/t/eGbOQLH6Kfk

Clicking on the YT button will bring up code that says [youtube][/youtube]

Place the YT ID between those funny lines of jibberish. The Youtube ID can be seen in the screenshot below.

http://screencast.com/t/Su3da1oLQl

Throw that code between the ..tube] and [/you..., add a few witty comments, throw in a couple , click post and you're done!

I would like to steer folks toward Flickr as well. in this increased time of "lost productivity" at the workplace many of us are unable to view photobucket hosted pics. Same story for YouTube, Vimeo is a great YouTube alternative.

Thanks for starting this thread kjkrow.

Now all we need is the snow!

Chris

Thanks for taking the time to create this kjkrow!

You too bigdood. We can add to and edit changes to the thread as needed too.

Thanks again.

"People generally prefer captions above the pictures (OCD, anyone?), but that's up to you."

Kjkrow - you are so thoughtful, but you should not give people the option. You should always put captions above the picture.

Sizing photos is very important too.

"I miss Mumbles"

Funniest thing I've read this morning.

Can't seem to figure out how to post videos from Flickr.

When I go to step 3, it says to copy and paste the HTML -


<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.flickr.com/apps/video/stewart.swf?v=66861" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="flashvars" value="intl_lang=en-us&amp;photo_secret=8ca17d90a0&amp;photo_id=3227236617"></param> <param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=66861"></param> <param name="bgcolor" value="#000000"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=66861" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&amp;photo_secret=8ca17d90a0&amp;photo_id=3227236617" height="300" width="400"></embed></object>

Ummm.....

[img]<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.flickr.com/apps/video/stewart.swf?v=66861" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="flashvars" value="intl_lang=en-us&amp;photo_secret=8ca17d90a0&amp;photo_id=3227236617"></param> <param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=66861"></param> <param name="bgcolor" value="#000000"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=66861" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&amp;photo_secret=8ca17d90a0&amp;photo_id=3227236617" height="300" width="400"></embed></object>

[/img]

Jib, judging by the tags available when you're writing a post, I'm not sure the phpBB that we have can support Flickr videos for embedding. The only video tags I see are for googlevid, vimeo, and youtube. Of those, I think Vimeo probably offers the highest quality after uploading (though I think they have a file size limit). Youtube might be the easiest, and I've never used google videos.

Does that help?

Hmm. I am rather computer challenged, but I've got this video up on google, vimeo and flickr. For some reason, youtube won't allow me to register. Not the best videos, but now that I've got this new camera, it's gonna be nice to embed some vids to my TR's. I'll figure it out.

http://www.vimeo.com/

http://video.google.com/videoplay?docid ... 9091&hl=en

http://www.flickr.com/photos/jibmaster/page3/

Picture size question. Which hosting sites allow for the largest pictures. I see pictures of various sizes. Some fill half the screen others fill the whole screen. Flickr gave me a tiny photo or a small photo. I use shutterfly and it gives me a medium photo. How do you get photos that take up the whole page? They are so much more impressive.

Thanks in advance.

I use Photbucket gravitgod. I pay for the premium membership, so ymmv, but it allows you to upload whatever size your original pics are AND determine what size to scale them too.

I'd suggest you don't go bigger then 1064x768 though, as that seems to annoy some people (browser/sizing/resolution issues).

So I have seen this asked a dozen times and have corrected a few vimeo embeds over the past few months so I guess it's time to clarify this in the proper thread.

After clicking on the vimeo button and inserting your vimeo link, there is one step that must be done or the only thing that gets posted is the link instead of embedding the video on the site.

directly after http:// and before the remaining part of the address "vimeo.com/???????"... You must insert "www."

don't know if this is something that can be added to the html code or something we all just have to get used to.

Hope this helps

Timely thread resurrection.
I just spent over an hour uploading a vid to flickr only to discover I can't embed it here
I noticed that under options lower left of the posting window it says flash is off but in my control panel the display flash option is on
Maybe the admin has to turn this on to embed flash based vids???