Forums Trip Reports How to Post Photos and Embed Videos
Viewing 20 posts - 1 through 20 (of 25 total)
  • Author
    Posts
  • #570635
    kjkrow
    353 Posts

    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/2918369519_150b4a3f6c.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:

    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 ‘ 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.

    #610179
    bigdood
    457 Posts

    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

    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 :thatrocks: :thatrocks: , click post and you’re done!

    #610180
    Tophervw
    203 Posts

    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

    #610181
    bcrider
    4149 Posts

    Thanks for taking the time to create this kjkrow! :thatrocks:

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

    Thanks again.

    #610182
    OCD
    52 Posts

    “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. :thumpsup:

    #610183
    kjkrow
    353 Posts

    “I miss Mumbles”

    Funniest thing I’ve read this morning.

    #610184
    jibmaster
    446 Posts

    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 –

    Ummm…..

    #610185
    kjkrow
    353 Posts

    @jibmaster wrote:

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

    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?

    #610186
    jibmaster
    446 Posts

    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=-7624535455328189091&hl=en

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

    #610187
    gravitygod
    8 Posts

    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.

    #610188
    jbaysurfer
    947 Posts

    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 1064×768 though, as that seems to annoy some people (browser/sizing/resolution issues).

    #610189
    rughty
    620 Posts

    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 :thumpsup:

    #610190
    b0ardski
    249 Posts

    Timely thread resurrection.
    I just spent over an hour uploading a vid to flickr only to discover I can’t embed it here :banghead:
    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 :scratch:
    Maybe the admin has to turn this on to embed flash based vids???

    #610191
    Calgary split
    14 Posts

    There has to be an easier way, Ive been f#@$in with this for an hour now on a different thread and i wont work for me maybe because im on a mac, Someone please tell me what looks wrong here?

    http://farm7.static.flickr.com/6138/6015764711_81dde54731.jpg/img]

    and why it wont show up?

    #610192
    tiltedworld
    406 Posts

    You close with [/img]. Fixed it in your other thread

    #610193
    matty_mcd
    34 Posts

    anyone know if we can link to facebook photos?

    #610194
    HikeforTurns
    1113 Posts

    yup, just right click and copy image URL with Google chrome, or right click and go to properties with IE and copy the URL manually. Quote my reply to see the code.

    #610195
    Dionis_AK
    5 Posts

    How to embed videos from Contour Story Teller?

    #610196
    nickstayner
    700 Posts

    I have a blog and really enjoy posting the content in its entirety on here as well, as a TR. However, I upload higher-res photos to my blog than I would here for obvious reasons and I really want to know if there’s an easier way to cross-post them at a lower resolution. Is there some kind of code or something that will allow for that? Or I guess more specifically: Can you specify the height and width of a photo in the image code when you’re building the TR?

    #610197
    iriecoyote
    291 Posts

    Wordpress is your friend as it creates your images at different sizes. Take the shot of devils tower as an example. If you use the URL for the post image (the smaller image before the jump to the full-res image), you can simply put that up … no extra work required!

    Which displays:

    As you can see, the image size is displayed in the URL. This doesn’t resize the full-res image but points to the smaller one stored on the wordpress servers.

    [update]: You can take this one step further and link to the large image the same way the blog does.

    This will load the smaller image in the forum and clicking it will load the large image on your wordpress site.

    Hope this helps!

Viewing 20 posts - 1 through 20 (of 25 total)

You must be logged in to reply to this topic.