Jump to content


Photo
- - - - -

Using Flickr to host images


  • Please log in to reply
16 replies to this topic

#1 echeng

echeng

    The Blue

  • Admin
  • 5842 posts
  • Gender:Male
  • Location:San Francisco, CA
  • Interests:photography, ice cream, cello, chamber music, quadcopters

Posted 29 September 2006 - 11:13 AM

Hello, guys! If you are looking for free hosting space, Flickr is a great place to start (and, it's free!). Once you have an account, you can embed Flickr-hosted images here in our forums. Also, be sure to join the Wetpixel Flickr group!

Here's how to embed:

1. look at an image in Flickr, and click "All Sizes" to get to a page that shows all of the accessible sizes for a given image.

2. click on "Medium" (500 x 333), which is perfect for Wetpixel

3. in the text box below the photo, you'll see some HTML, which is the code they want you to use to embed your image. Here's an example:
<a href="http://www.flickr.com/photos/echeng/201438534/" title="Photo Sharing"><img src="http://static.flickr.com/66/201438534_363e6306b9.jpg" width="500" height="333" alt="Humpback mother and calf (Megaptera noveangliae)" /></a>

4. since our forums don't support straight HTML, you have to convert it to bbcode. take the image location (img src) and hyperlink (a href), and convert them. Here's an example of the above image, converted into bbcode:
[url=http://www.flickr.com/photos/echeng/201438534/][img]http://static.flickr.com/66/201438534_363e6306b9.jpg[/img][/url]

5. Test:

flickr.com/66/201438534_363e6306b9.jpg' alt='Posted Image' />
Humpback mother and calf (Megaptera noveangliae)


6. (I added the caption, too)

If you embed a static image from Flickr, you MUST link back to Flickr. It is part of their Terms of Service.
eric cheng
publisher/editor, wetpixel
www | journal | photos


#2 jbonehoss

jbonehoss

    Wolf Eel

  • New Member
  • PipPip
  • 145 posts
  • Location:Boulder, CO &amp; Singapore
  • Interests:Diving: Indonesia, Thailand, Bahamas

Posted 01 January 2007 - 02:28 PM

Flickr is great and this works really well - thanks Eric.

One thing I ran into was that if you host the images off your own site, then you can replace them at any time and the images on WetPixel will also be updated (like if you made an improvement to an image you had posted and wanted the changes reflected on WetPixel automatically).

So, just a tip for Flickr users that you cannot update (replace) your images with the free account. To replace an image with a new version, you have to have a Pro account with Flickr and then you can do it. Well worth the small fee.

Have fun!
Justin Ebert : Addicted to Compressed Air
Nikon D70s : Sea & Sea Housing : 10.5mm, 15mm, 17-35mm

#3 drsteve

drsteve

    Manta Ray

  • Member
  • PipPipPip
  • 483 posts
  • Gender:Male
  • Location:Santa Barbara, CA

Posted 15 January 2007 - 03:20 PM

Here is a little perl snippet to rewrite the flickr link format into the phbss format

#!/usr/bin/env perl
while ( <> ) {
		if ( /href="([^"]+)".*src="([^"]+)"/ ) {
		# Rewrite into bbs format
		print "\[url=$1\]\[img\]$2\[/img\]\[/url\]\n";
		}
}

On a related topic, have people been having problems with flickr not serving images? A number of people have reported to me that my images are "Unavailable". It seems to resolve itself after a while, but it is problematic.

Edited by drsteve, 15 January 2007 - 03:28 PM.

...STeve
www.flickr.com/photos/drsteve/
Canon EOS 5D3, Aquatica Housing, Inon Z220+Z240 strobes, Sea&Sea TTL, ULCS Arms


#4 n de d

n de d

    Clownfish

  • Member
  • Pip
  • 26 posts

Posted 23 January 2007 - 07:20 PM

and one from the sed side

#!/usr/bin/env bash
echo $1 | sed -e 's#.*\(http[^"]*\).*\(http[^"]*\).*#[url=\1] [img]\2[/img][/url]#'
as in:

./flickoff.sh '<a href="   ................  /a>'
assuming it is stored in flickoff.sh

Edited by n de d, 23 January 2007 - 07:24 PM.


#5 adamhanlon

adamhanlon

    Harbor Seal

  • Admin
  • 1756 posts
  • Gender:Male
  • Location:Lancaster, UK

Posted 11 December 2007 - 06:24 AM

Hi all

Help! I'm really struggling with this!

I've tried to convert my images HTML from the Flickr site as per Eric's instructions and this is what I get:

[url=http://www.flickr.com/photos/adamhanlon/2096940905/[/url]
Posted Image[url/]

What am I doing wrong?

Many thanks

Adam

Adam Hanlon-underwater photographer and videographer
Editor-wetpixel
web | Flickr | twitter | Linkedin | Facebook


#6 mshohman

mshohman

    Wolf Eel

  • Member
  • PipPip
  • 147 posts
  • Gender:Male
  • Location:Bangkok, Thailand

Posted 11 December 2007 - 06:35 AM

Can someone show how to embed a youtube clip, so we can share some of our underwater video?

Thanks!!

Mike
Nikon D300 in S&S housing and YS110 strobes...Nikkor VR105mm, Tokina 10-17 Fisheye

#7 adamhanlon

adamhanlon

    Harbor Seal

  • Admin
  • 1756 posts
  • Gender:Male
  • Location:Lancaster, UK

Posted 11 December 2007 - 07:10 AM

Hi Mike,

There is a quite a lot of info about embedding video (including Youtube) here:

Topic on embedding video

It may be worth having a search around before posting!!!!

Anyone any ideas on using Flikr then...?

Many thanks

Adam

Adam Hanlon-underwater photographer and videographer
Editor-wetpixel
web | Flickr | twitter | Linkedin | Facebook


#8 pakman

pakman

    Great White

  • Member
  • PipPipPipPip
  • 1099 posts
  • Gender:Male
  • Location:Hong Kong via Seattle...

Posted 11 December 2007 - 08:05 AM

In flickr, go to your photo. Click on "all sizes" above the photo.

At the bottom, this will give you the url for that photo. Now copy that entire text box.

Now back in your post on Wetpixel, select more options below the response box. Now click on the Icon that looks like a tree (if you mouse over it, it will say "insert image"). Now in the popup dialog box, paste the entire url of the photo there. Make sure you don't type "http" twice...
Hope that helps.

Cheers :angry: ,

Edited by pakman, 11 December 2007 - 08:10 AM.

Canon 40D, S&S MDX-40D housing, Inon Z-240's
Sony HC7 & Gates Housing
 


#9 Cerianthus

Cerianthus

    Tiger Shark

  • Member
  • PipPipPipPip
  • 647 posts
  • Gender:Male
  • Location:Hasselt, Overijssel, Netherlands

Posted 11 December 2007 - 09:35 AM

and to satisfy the flickr user requirements:

after copying the url on the flickr page, select the link "back to photo page", copy the url (in the adress box of your browser).

then select the picture you just inserted, use the link icon (the little globe with a chain link) and paste.

In this way your picture will link back to flickr as required.

gerard

Posted Image
Gerard

My photo's on flickr
Crop the world ! (Using Canon 20D, 60mm, 100mm, 10-17mm FE, Ikelite)

#10 echeng

echeng

    The Blue

  • Admin
  • 5842 posts
  • Gender:Male
  • Location:San Francisco, CA
  • Interests:photography, ice cream, cello, chamber music, quadcopters

Posted 11 December 2007 - 11:45 AM

Adam. This is what you used:
[url=http://www.flickr.com/photos/adamhanlon/2096940905/[/url][img]http://farm3.static.flickr.com/2400/2096940905_1c647315bd.jpg[/img][url/]
and this is the correct one:
[url=http://www.flickr.com/photos/adamhanlon/2096940905/][img]http://farm3.static.flickr.com/2400/2096940905_1c647315bd.jpg[/img][/url]
You had a slash in the wrong place, and an extra [/url] in there.

Of course, if you're using the WYSIWYG editor, you should follow the instructions the folks gave above. :angry:
eric cheng
publisher/editor, wetpixel
www | journal | photos


#11 adamhanlon

adamhanlon

    Harbor Seal

  • Admin
  • 1756 posts
  • Gender:Male
  • Location:Lancaster, UK

Posted 11 December 2007 - 12:51 PM

Hi Eric (and everyone!)

Many thanks for all your help. I've copied and pasted your bb code Eric, and this is what I get....?!!


Posted Image


Is it just me?

Thanks in advance again!

Adam

Adam Hanlon-underwater photographer and videographer
Editor-wetpixel
web | Flickr | twitter | Linkedin | Facebook


#12 echeng

echeng

    The Blue

  • Admin
  • 5842 posts
  • Gender:Male
  • Location:San Francisco, CA
  • Interests:photography, ice cream, cello, chamber music, quadcopters

Posted 11 December 2007 - 01:08 PM

Looks like there was an extra space in there. I did that for readability in the code section, but it apparently doesn't work when it's there. Give it a try again without the space between the URL and IMG tags.
eric cheng
publisher/editor, wetpixel
www | journal | photos


#13 adamhanlon

adamhanlon

    Harbor Seal

  • Admin
  • 1756 posts
  • Gender:Male
  • Location:Lancaster, UK

Posted 11 December 2007 - 01:16 PM

Got it!

Thanks Eric!

[url=http://www.flickr.com/photos/adamhanlon/2096940905/][img]http://farm3.static.flickr.com/2400/2096940905_1c647315bd.jpg[/img][/url]

gives you this!

flickr.com/2400/2096940905_1c647315bd.jpg' alt='Posted Image' />

Perfect!

All the best

Adam

Adam Hanlon-underwater photographer and videographer
Editor-wetpixel
web | Flickr | twitter | Linkedin | Facebook


#14 stewsmith

stewsmith

    Giant Squid

  • Member
  • PipPipPipPipPip
  • 1586 posts
  • Gender:Male
  • Location:southampton and Sinai
  • Interests:World travel
    diving
    photography
    winding Drew up

Posted 24 March 2009 - 10:44 AM

You know - i'm pretty sick of all song that such as you sing to Flickr...
You just listen - now it's the best way to start !...that's last drop - HOW COULD IT BE the best way to start if there are a lot of more simple and easy hosts ? for example this free photo hosting.
New user first of all want to be host as simple as possible, easy to use - kill me , but anyway not flickr.

that site seems pretty god damn simple, nice info

stew

Canon 5D MK2 - Sea and Sea housed - 17-40L 100mm - Sigma 15mm FE - twin YS250 pro's and gadgets galore

 

http://www.euphoticzoneimaging.com

 


#15 adamhanlon

adamhanlon

    Harbor Seal

  • Admin
  • 1756 posts
  • Gender:Male
  • Location:Lancaster, UK

Posted 13 July 2011 - 10:46 PM

Hi all,

I've noticed that Flickr has added the ability to generate BB code directly from the image now. This makes adding images from Flickr onto Wetpixel very straightforward.

Simply open you photostream and select the picture you wish to share. Locate the share button

Posted Image

Click on the small triangle:

Posted Image

In the options that drop down, select "Grab HTML/BB code".

Choose the Medium size

Select all the code in the box, and copy it to the clipboard:

Posted Image

Simply paste all that code straight into your post on Wetpixel. It will look like this (without the code bar):

[url=http://www.flickr.com/photos/adamhanlon/5880325220/][img]http://farm7.static.flickr.com/6038/5880325220_3cde6a7a61.jpg[/img][/url]
[url=http://www.flickr.com/photos/adamhanlon/5880325220/]Egg casings[/url] by [url=http://www.flickr.com/people/adamhanlon/]Adam Hanlon[/url], on Flickr

Which if you click Preview Post (or add post) will give you this:

flickr.com/6038/5880325220_3cde6a7a61.jpg' alt='Posted Image' />
Egg casings by Adam Hanlon, on Flickr

Simples!

Adam

Adam Hanlon-underwater photographer and videographer
Editor-wetpixel
web | Flickr | twitter | Linkedin | Facebook


#16 Juliane

Juliane

    Starfish

  • Member
  • Pip
  • 5 posts

Posted 19 July 2011 - 07:58 PM

When you blog a photo, you can post immediately by adding a title and body for the post. There's a link to your blog as well so you can check that the entry looks OK.

#17 haring

haring

    Lionfish

  • Member
  • PipPip
  • 74 posts
  • Gender:Male
  • Location:Miami

Posted 06 June 2012 - 06:21 PM

Hi all

Help! I'm really struggling with this!

I've tried to convert my images HTML from the Flickr site as per Eric's instructions and this is what I get:

[url=http://www.flickr.com/photos/adamhanlon/2096940905/[/url]
Posted Image[url/]

What am I doing wrong?

Many thanks

Adam


Is this an airplane?