How is Craig linking like that?

[cenelson]

Apparently there exists some curiosity as to how I am linking my images from Flickr. Not the embedding, just how I am adding the link to the larger version.

After clicking on All Sizes over our images, Flickr sends us to a page with various size options listed. Flickr always opens to the original size. One can select square, thumbnail, small, medium, etc.

Below each version are listed two linking methods. The first contains an image embed for the original size, encapsulated by a link-resource, like the citation below:

Code:

In a nutshell, placing this in a post/thread on a page with HTML enabled will result in the image being displayed, and the image being hotlinked, or clickable, pointing to the root URL for the original image.

The second option below the Flickr image is simply the root URL for that image, no hotlink encapsulation, like this:

Code:

http://farm3.static.flickr.com/2362/2055564711_ce0ef5cdc5_o.jpg

The problem with the above snippets, insofar as our forums be concerned, is that HTML code is not obeyed here. Yes, plain URLs such as the latter of my examples will be automatically activated, or made clickable, but not as pure HTML, rather, by the forums-ware detecting a clickable link and encapsulating it for us with the correct BBCode.

Thus, attempting to embed a clickable image in these forums via the former example

Code:

fails, because the forums software will not conform to the HTML code. It should provide a clickable link, but we will not see the image embedded as the HTML code for same, is disregarded.

The solution? Start by copying the root URL of the desired size of the image you wish to embed. Let's use the same image above, only we'll select the small version so as to avoid offending our dial-up brethren. That URL is

http://farm3.static.flickr.com/2362/2055564711_5c24a7924e_m.jpg

which I've left as a clickable link to the image rather than encapsulating, at this time. Now, we know the link to the original version is

http://farm3.static.flickr.com/2362/2055564711_ce0ef5cdc5_o.jpg

again, left as a clickable link. Our goal is to encapsulate the former with the latter, using BBCode, not the automatically provided code snippet from Flickr.

Ergo, using URL and IMG tags for the BBCode, we will do just that.



To see just how this is coded, please click to QUOTE this message, and observe the code listed just above this sentence. Mind you, you will need to click the button in the upper right corner of the posting dialog in order to switch from graphical editor to BBCode mode.

Any further questions, please post them here, in this thread.

Best,
Craig

[rentavet]

thank you,  thank you very much

[cenelson]

Hey, I'm glad it helped you.

[Philip]

Craig, thanks for the step-by-step hand-holding.  I've got one question.  You mentioned the A/A button for toggling between graphical and BBCode. In Jorn's recent thread on his Paris pictures he mentioned other editing buttons in or near the editing boxes for replies.  I do not see any of these buttons (and I am in the reply box right now).  I'm using a recent version (2.0.0.9) of Mozilla Firefox -- is the website showing up differently through Firefox?  Or is there some other little mystery that needs explanation?

EDIT:
 . . . Five minutes later . . . Just read Lili's explanation in the Paris thread. It worked.  I had my Options set at Basic instead of Standard Editing. Ohhhh. I once was lost but now I'm found, was blind but now I see.