Photo of the Day
Shoutbox

SHADOWNIGHT5150: I like big reverb and i cannot lie
242 days ago

SHADOWNIGHT5150: Bank accounts are a scam created by a shadow government
242 days ago

sysmalakian: TODAY IS MY BIRTHDAY!
229 days ago

dp: dude
210 days ago

Bango_Rilla: Shout Bananas!!
165 days ago

BillyBlastOff: See you kiddies at the Convention!
149 days ago

GDW: showman
100 days ago

Emilien03: https://losg...
22 days ago

Pyronauts: Happy Tanks-Kicking!!!
15 days ago

glennmagi: CLAM SHACK guitar
19 hours ago

Please login or register to shout.

Current Polls

No polls at this time. Check out our past polls.

Current Contests

No contests at this time. Check out our past contests.

Donations

Help us meet our monthly goal:

100%

100%

Donate Now

Cake December Birthdays Cake
SG101 Banner

SurfGuitar101 Forums » SurfGuitar101 Website »

Permalink Posting photos

LockNew Topic
Goto Page: 1 2 3 Next

Is there a topic about how to post photos on this new website? I tried but all I could accomplish was posting a link to my photobucket account photo.

Danny Ellison aka dubtrub

Yes there are. Smile

But I'll sticky this one so it becomes the authoritative version.

The easiest way to post a photo is to get the URL to the photo, then click the little picture icon above the box where you type your post. A pop-up will prompt you for that URL. Just paste in the URL. You can use the green check mark to preview.

Another quick way to get that pop-up that prompts your for the photo URL is to type control-p. This works in most browsers.

So, a workflow might look like this:

  1. In your browser, navigate to your photo.
  2. Select and copy (using control-c) the URL to your photo
  3. Go back to SG101.
  4. In the posting box, type control-p to bring up the photo prompt.
  5. Paste in your photo URL with control-v
  6. Hit ok.
  7. Use the green check mark to preview your post.
  8. Submit your post and profit.

What may be tripping you up is knowing what URL you should use. You want the "raw" URL to the photo. Some of the photo sites helpfully try to include BBCode or HTML markup. You just want the link to the photo, which is usually something like this:

http://example.com/some/crazy/path/my_photo.jpg

If you see any <img> or [img] crap, that isn't what you want.

Please note that SG101 ditched the old formatting (BBCode) and went with a newer, easier to use (IMHO) markup called Markdown. To get detailed help on the new markup, click the little question mark help icon next to the "Submit Reply" button to get a cheat sheet.

Hope this helps.

PS. Please don't post humongous photos to the forums. If you can't resize them, just post a link to the photo instead. Thanks!

Site dude - S3 Agent #202
Need help with the site? SG101 FAQ - Send me a private message - Email me

"It starts... when it begins" -- Ralf Kilauea

Last edited: Apr 11, 2011 18:32:06

I finally figured out a workaround. I use Image Shack. My first attempt to post a picture looked like the code below. With a little creative editing, I get it done like this:

From Image Shack:
[URL=http://img26.imageshack.us/i/wailonthebeach.jpg/][IMG]http://img26.imageshack.us/img26/2705/wailonthebeach.jpg[/IMG]

I then delete all but this part:
http://img26.imageshack.us/img26/2705/wailonthebeach.jpg

Now, add parenthesis and type ![image] in front:

(http://img26.imageshack.us/img26/2705/wailonthebeach.jpg)

Magically, the picture appears. I'm sure there is an easier way. None

What is the link to the photo's page on image shack? If you post that here I might be able to help you out a bit.

Site dude - S3 Agent #202
Need help with the site? SG101 FAQ - Send me a private message - Email me

"It starts... when it begins" -- Ralf Kilauea

No, I got it Brian. It's like you said--it was a matter of getting rid of all that "img" image shack bla bla and putting a simple code in front. See? Big Grin

image

Small victory for a non-techie like me.

Brian wrote:

What is the link to the photo's page on image shack? If
you post that here I might be able to help you out a
bit.

Ooops, you were probably talking to dubtrub. Uh-Oh

I was talking to you, but I'm glad you figured it out!

If you don't mind, send me or post the link to that photo's imageshack page. I'll see if I can find an easier way for you.

Site dude - S3 Agent #202
Need help with the site? SG101 FAQ - Send me a private message - Email me

"It starts... when it begins" -- Ralf Kilauea

O.K. hope this is what you mean. These are the links image shack provides for sharing images for different uses:

http://img8.imageshack.us/content_round.php?page=done&l=img8/2705/wailonthebeach.jpg&via=mupload

Hmmm. Ok, there is a list of different types of links to share your image under the photo. I suspect you want the one labeled "Direct Link" for use on the SG101 forum (it is unavailable to me since I'm not signed in). That one should be free of the <img> and [img] tags.

Site dude - S3 Agent #202
Need help with the site? SG101 FAQ - Send me a private message - Email me

"It starts... when it begins" -- Ralf Kilauea

Last edited: Apr 12, 2011 07:54:45

That's it! I copied that link into the picture icon of the reply box, and boom.

Thanks Brian . . .

Thanks Brian. I would have never figured it out on my own. Totally different from most other forums.

Danny Ellison aka dubtrub

Yes Danny we are bleeding edge here. Smile

Photobucket users: use the "direct link" here on SG101. E.g. Copy the direct link with control-c, come back here, type control-p, then control-v to paste in the direct link.

Site dude - S3 Agent #202
Need help with the site? SG101 FAQ - Send me a private message - Email me

"It starts... when it begins" -- Ralf Kilauea

Let's see if this works for adding images:
Argh

Last edited: Apr 17, 2011 23:36:16

<img klzzwxh:0000/wp-content/uploads/2009/11/lolcat7.gif">

Nope, no html. Very weird, the format it puts it into. It recognizes HTML, but morphs it instead of displaying what is wanted...

Nothing works for me...i coppied and pasted every available photo bucket format and nothing.

The TakeOffs
"Kauai's Only All-Instrumental Surf Band"
http://www.facebook.com/pages/The-TakeOffs/312866840587

Last edited: Apr 18, 2011 02:32:41

Let's walk through a real Photobucket example. Say you have a photo in Photobucket and this is the Photobucket page:

http://s210.photobucket.com/albums/bb150/mikegeibel/?action=view&current=049.jpg

On that page do you see all the different link styles in the "Share this photo" box? You want the one that says "Direct link". Clicking on it will copy it to your clipboard. Just for reference, here is what that link looks like:

http://i210.photobucket.com/albums/bb150/mikegeibel/049.jpg

You then come back to SG101 and you can do 1 of 2 things. The first way is to click the little picture icon above the post edit box. This will prompt you for the URL to the photo. At this point I just type control-v to paste in the direct link. This overwrites the "http://" that is already in the prompt. Click OK, and then something like this will be added to your post:

![image](https://s3.amazonaws.com/sg101.forum.photos/RT4OnDGWSnO1Tos9q3KqSg.jpg)

A shortcut to clicking on the photo icon is to type control-p. This works in most browsers.

The second way to add the photo is to just type:

[image](then)

You can click the green check mark to preview your post.

You should end up with this:

image

Site dude - S3 Agent #202
Need help with the site? SG101 FAQ - Send me a private message - Email me

"It starts... when it begins" -- Ralf Kilauea

Last edited: Apr 18, 2011 07:52:02

neither picasa or flickr worked for me Brian

Danny Snyder

"With great reverb comes great responsibility" - Uncle Leo

Playing keys and guitar with Combo Tezeta

Formerly a guitarist in The TomorrowMen and Meshugga Beach Party

Latest surf project - Now That's What I Call SURF

For Google Photos (Picasa) (as well as just about any website that shows you a photo), you can always just right click on the photo to get the direct URL. In Firefox, for example, right click and pick "Copy Image Location".

Alternatively, if you want a different size:

  1. Go to the right part of the screen and click on "Link to this Photo".
  2. Click the bottom checkbox "Image only (no link)".
  3. Select the desired size from the drop-down box.
  4. Click the text box labeled "Embed Image"; right-click and choose "Copy" (or just click in the box and then type control-c to copy).

Either way you can now paste the direct URL into the post. E.g. come back to SG101, click in the box to create / edit a post, type control-p (or click the picture icon), then type control-v to paste in the URL. Preview with the green check mark to see if you got it.

Flickr instructions to follow shortly.

Site dude - S3 Agent #202
Need help with the site? SG101 FAQ - Send me a private message - Email me

"It starts... when it begins" -- Ralf Kilauea

Last edited: May 23, 2011 07:59:12

For Flickr:

Log into your account and find a photo you want to share.

Above the photo you'll see a pull-down menu next to the Facebook and Twitter icons that has the tool-tip "More ways to share". Click on that.

Select "Grab the HTML/BBCode".

Pick the size you want and make sure the HTML radio button is mashed down.

Now unfortunately, Flickr includes some junk you don't want in the copy/paste box. This is because, as per the Flickr rules, if you share the photo on another site, you are really only "allowed" to share a link to the page on Flickr. This is the primary reason I don't recommend Flickr to host photos you want to share on forums. But anyway, if you really want to do this, you can find the bit you need to fish out of the text box. Here is an example:

<a href="http://www.flickr.com/photos/bgneal/164365583/" title="v64 by Brian Neal, on Flickr">
<img src="http://farm1.static.flickr.com/62/164365583_9423d16a72.jpg" width="432" height="500" alt="v64"></a>

You want to copy out the URL that ends in .jpg, i.e. this part:

http://farm1.static.flickr.com/62/164365583_9423d16a72.jpg

I suspect that may be too difficult for non-techie folks, so again, for that reason don't use Flickr if you want to embed images in forum posts. You can post a link to your album or photo though.

Flickr also uses Javascript bullsh*t so you can't right click and grab the URL. You'll have to disable Javascript in your browser to get the URL. So again, I don't recommend using Flickr to embed photos in forum posts. It's great for posting links to galleries and slideshows though.

Site dude - S3 Agent #202
Need help with the site? SG101 FAQ - Send me a private message - Email me

"It starts... when it begins" -- Ralf Kilauea

Last edited: May 24, 2011 08:10:15

Goto Page: 1 2 3 Next
Top