How To Embed from 500px

Rob MacKillop

Edinburgh Correspondent
Just in case any 500px users missed this topic being mentioned in another thread, here is a way to embed your 500px images into a post here at RPF...

500px uses HTML, not BB Code, so you need a converter.

Take the Embed code from a 500px image (there is an EMBED button) then go to this converter to get the BB Code:

http://www.seabreeze...om/html2bbcode/

Then remove the end of the code, the bit that says [/size]

Then just place the new code in your post here.

Apologies if you knew this already - I only just found out how to do it.

An example (one of mine)



Three Go Cycling by Rob MacKillop
 
if you want to get rid of the converter step, just take the image url behind <img src=" and put the bbcode img tags ([ img ] and [/ img ] without the space) around it. img src stands for image source and the url will end in .jpg or another graphic format.

the red text is what you want:
<a href="http://500px.com/photo/33445175"><img src="http://pcdn.500px.net/33445175/df341d653ccc566d8964088552e6d037036338ce/4.jpg" alt="Where do danbos come from? by Beth Anthony (roicead)) on 500px.com" border="0" style="margin: 0 0 5px 0;"></a><br/><font style="font-size: 120%;"><a href="http://500px.com/photo/33445175">Where do danbos come from?</a> by <a href="http://500px.com/roicead">Beth Anthony</a></font>

edit - 500px's embed tool makes you highlight all of the text. it's easier to copy everything over to rpf or wherever and then delete the technobabble around the image url..
 
Last edited:
Like this?


3.jpg


Hmm...that's small, but when I use the converter now, that image is also small. Weird. Scratching brain...

- - - Updated - - -

Does this work, I wonder?


4.jpg


Yes. Turns out there is a difference if I am signed in or not. Signed in, I get the big version, signed out I don't.

Thanks, Beth!

- - - Updated - - -

Testing one of Beth's images. I'm signed in to 500px, but this is not my picture:


3.jpg


- - - Updated - - -

Ah, only the small version. Interesting. And it is not hyperlinked back to the 500px page it came from.
 
So, without the code converter, the image is not hyperlinked. So, we have a choice of methods.

you can put the hyperlink in there, it would be the first address listed in the html.

blue is the link to the page, red is the image address
<a href="http://500px.com/photo/33445175"><img src="http://pcdn.500px.net/33445175/df341d653ccc566d8964088552e6d037036338ce/4.jpg" alt="Where do danbos come from? by Beth Anthony (roicead)) on 500px.com" border="0" style="margin: 0 0 5px 0;"></a><br/><font style="font-size: 120%;"><a href="http://500px.com/photo/33445175">Where do danbos come from?</a> by <a href="http://500px.com/roicead">Beth Anthony</a></font>


to stick that in as bbcode use this (minus spaces):
[ URL ="http://500px.com/photo/33445175"][ img ]http://pcdn.500px.net/33445175/df341d653ccc566d8964088552e6d037036338ce/4.jpg[ /img ][ /URL ]

if you want to make things easy on yourself, click the link button above the reply box and copy and paste the url. that will give you a code that looks similar to the one above, but instead of the img bbcode it'll repeat the url. take that part out and use the [ img ] and [/ img ] bbcode with the photo url. it might be easier to use the bbcode converter if you only deal with one image hosting website, but this will work with any website (as long as you know what the image address is).

you can also use this to take the viewer somewhere else, for example, use the 500px image, but link back to your webpage or blog. not always the most ethical thing to do, but sometimes it's ok.

- - - Updated - - -

copied and pasted from the bbcode above and spaces removed. rob, not sure how you got the smaller version...
 
Last edited:
Back
Top