Not signed in (Sign In)

Photography - Tips/Tutorials: How I create thumbnail links

Bottom of Page

1 to 4 of 4

  1.  
    •  
      CommentAuthorowlmountain
    • CommentTimeMay 31st 2009 edited
     
    For those interested, here's how I create the image thumbnail that is also a link.
    Although the syntax may look a little complicated, it is actually very simple, once you recognize the components.
    So here it is:
    [url=web page address to link to][img=url address of the thumbnail] "name of your link"[/img][/url]

    So lets look at the components of the syntax above separately:

    1. [url=web page address]"some text"[/url]
    This will give you just the simple link, where clicking on the words "some text" will take you to that particular web page.
    In my case I replace the"web page address" with something like this:
    http://owlmountain.aminus3.com/image/2009-05-27.html
    It is an URL address of the image that I copy from the address bar of my browser. So, the finished link for this example with clickable text will look like this:
    [url=http://owlmountain.aminus3.com/image/2009-05-27.html]some text[/url]


    2. [img=url address of the thumbnail][/img]
    Second component gives me the actual thumbnail in my post. Now, how to get this URL address of the thumbnail ? It is actually quite simple: put your mouse on the image, right-click and choose "Copy Image Location" from the pop up menu. Now you have your url address stored on your clipboard.

    Word of caution though: as you know, every daily image on AM3 includes links to previous and next day posts, so make sure you don't put your mouse on those links (if your mouse cursor turns into a hand - that's a link !, move it till you see just a regular arrow pointer).

    Here's what I get from my example address above:
    http://aminus3.s3.amazonaws.com/image/g0009/u00008873/i00570451/69f1e9f2c73456451eaae76a077915a1_large.jpg
    This is the actual address to the image itself stored on the archive servers (I think). Anyway, there's only one thing to do here. See how this address ends with "_large.jpg" ? you have to replace the word "large" with the word "thumb".
    So, the above address should look like this now:
    http://aminus3.s3.amazonaws.com/image/g0009/u00008873/i00570451/69f1e9f2c73456451eaae76a077915a1_thumb.jpg

    3. ..."name of your link"[/img][/url]
    And the last part. Those are just words that you will see in your link. As you've noticed, I use the words "Click to see large view". The most important parts are the last two components: [/img][/url]. The have to be the last part of you syntax !

    And that's it, simple isn't it ?
    So from the example above my finished link would look like this:

    [url=http://owlmountain.aminus3.com/image/2009-05-27.html]
    [img=http://aminus3.s3.amazonaws.com/image/g0009/u00008873/i00570451/69f1e9f2c73456451eaae76a077915a1_thumb.jpg]
    Click to see large view[/img][/url]

    (for clarity I put each component on a new line but it should be one continuous line of text)
    • CommentAuthormagda
    • CommentTimeMay 31st 2009
     
    I will give it a try... Thanks Roman! :)
    • CommentAuthordailytakes
    • CommentTimeJun 20th 2009
     
    The concept is excellent. I'm in! Now I have to try to figure out this link business!!! Thanks.
    •  
      CommentAuthorjason (Admin)
    • CommentTimeJun 21st 2009
     
    Just to update this thread, it is much easier to add links now by just clicking on the buttons above the text window when posting...

    There is a button with a globe and a chain link (the link button) and button that looks like a blue rectangle to add an image link. Keep in mind that the image still has to be hosted somewhere else (like your Am3 blog, Flickr etc) and then you paste in the URL link similar to what Roman posted above.

    if you ever have problems, just ask in the form or contact Aminus3 support and we'll be glad to help~!

    jason

1 to 4 of 4

  1.