Step by Step: Posting thumbnails with links to larger images

Got a thin skin? Then look elsewhere. Post a link to an image that you've made, and invite others to offer their critiques. Honesty is encouraged, but please be positive in your constructive criticism. Flaming and just plain nastiness will not be tolerated. Please note that this is not an area for you to showcase your images, nor is this a place for you to show-off where you have been. This is an area for you to post images so that you may share with us a technique that you have mastered, or are trying to master. Typically, no more than about four images should be posted in any one post or thread, and the maximum size of any side of any image should not exceed 950 px.

Moderators: Greg B, Nnnnsic, Geoff, Glen, gstark, Moderators

Forum rules
Please note that image critiquing is a matter of give and take: if you post images for critique, and you then expect to receive criticism, then it is also reasonable, fair and appropriate that, in return, you post your critique of the images of other members here as a matter of courtesy. So please do offer your critique of the images of others; your opinion is important, and will help everyone here enjoy their visit to far greater extent.

Also please note that, unless you state something to the contrary, other members might attempt to repost your image with their own post processing applied. We see this as an acceptable form of critique, but should you prefer that others not modify your work, this is perfectly ok, and you should state this, either within your post, or within your signature.

Images posted here should conform with the general forum guidelines. Image sizes should not exceed 950 pixels along the largest side (height or width) and typically no more than four images per post or thread.

Please also ensure that you have a meaningful location included in your profile. Please refer to the FAQ for details of what "meaningful" is.

Step by Step: Posting thumbnails with links to larger images

Postby leek on Fri Oct 28, 2005 11:07 pm

1. By navigating the images in your web-based gallery of choice, copy the link for your large image:
(e.g. http://jpeake.smugmug.com/photos/34390217-L.jpg)
2. Paste the link into your forum post
3. To the left of your link, type [url=
4. To the right of your link, type ][/url]
5. You should end up with a line that looks like this:
[url=http://jpeake.smugmug.com/photos/34390217-L.jpg][/url]
6. Next, copy the link for your thumbnail image from the same gallery
(e.g. http://jpeake.smugmug.com/photos/34390217-S.jpg)
7. In between the ] and the [ of your previous line, paste the new link to your smaller image, or type [img] and [/img] either side of it...
8. Highlight the link to the smaller image and click on the Img button at the top of the message window...
9. Preview your post to ensure you've achieved the desired result...
10. For any image the complete line in your post should resemble the following:
[url=large_link][img]small_link[/img][/url]
Cheers, John
Leek@Flickr | Leek@RedBubble | Leek@DeviantArt

D700; D200; Tokina 12-24; Nikkor 50mm f1.4,18-70mm,85mm f1.8, 105mm,80-400VR, SB-800s; G1227LVL; RRS BH-55; Feisol 1401
User avatar
leek
Senior Member
 
Posts: 3135
Joined: Thu Dec 23, 2004 4:46 pm
Location: Lane Cove, Sydney

Postby leek on Fri Oct 28, 2005 11:10 pm

If you did all of the above correctly, then you should see:
Image

Click on the small image to see a larger one...
Cheers, John
Leek@Flickr | Leek@RedBubble | Leek@DeviantArt

D700; D200; Tokina 12-24; Nikkor 50mm f1.4,18-70mm,85mm f1.8, 105mm,80-400VR, SB-800s; G1227LVL; RRS BH-55; Feisol 1401
User avatar
leek
Senior Member
 
Posts: 3135
Joined: Thu Dec 23, 2004 4:46 pm
Location: Lane Cove, Sydney

Postby mdboo on Fri Oct 28, 2005 11:26 pm

Thanks alot leek!! :D
The most secure computer in the world is one not connected to the internet. Thats why I recommend Telstra ADSL.
User avatar
mdboo
Member
 
Posts: 192
Joined: Tue Sep 27, 2005 11:05 pm
Location: CBD-South Australia-D300s

Postby thaddeus on Sat Oct 29, 2005 7:59 am

Leek, I felt so sorry for you typing all this in each time that i made a little script for you:

1. Choose your large image, eg http://jpeake.smugmug.com/photos/34390217-L.jpg
2. Paste it into the Zoomomator
3. Press "Make URL"
4. Copy and paste the resulting PHPBB text back into the forum

I hope this helps! It only does SMUGMUG "-L" and "-S" links but if you regularly use another gallery or format, let me know and I can make it produce different links for different gallery URL formats.
User avatar
thaddeus
Member
 
Posts: 418
Joined: Fri Jan 28, 2005 10:04 pm
Location: Sydney

Postby leek on Sat Oct 29, 2005 8:41 am

What a star... that's a damn sight easier!!!
Cheers, John
Leek@Flickr | Leek@RedBubble | Leek@DeviantArt

D700; D200; Tokina 12-24; Nikkor 50mm f1.4,18-70mm,85mm f1.8, 105mm,80-400VR, SB-800s; G1227LVL; RRS BH-55; Feisol 1401
User avatar
leek
Senior Member
 
Posts: 3135
Joined: Thu Dec 23, 2004 4:46 pm
Location: Lane Cove, Sydney

Postby marcotrov on Sat Oct 29, 2005 9:44 am

Thank you Leek and Thaddeus. Might even try to have a go!
cheers
marco
marcotrov
Senior Member
 
Posts: 2577
Joined: Mon Feb 28, 2005 2:21 pm
Location: Cairns, Queensland, Australia

Postby stubbsy on Sat Oct 29, 2005 5:26 pm

John, Russell

Well done, I'll update my sticky on embedding images to link to this as well when I get home.
Peter
Disclaimer: I know nothing about anything.
*** smugmug galleries: http://www.stubbsy.smugmug.com ***
User avatar
stubbsy
Moderator
 
Posts: 10748
Joined: Wed Dec 08, 2004 7:44 pm
Location: Newcastle NSW - D700

Postby thaddeus on Sun Oct 30, 2005 9:09 am

Glad you liike it. I've updated it to handle multiple pictures at once.
User avatar
thaddeus
Member
 
Posts: 418
Joined: Fri Jan 28, 2005 10:04 pm
Location: Sydney

Postby darb on Sun Oct 30, 2005 4:24 pm

hey if anyone wants to use some free temporary hosting (tho most people have their own web hosts) youre all welcome to add pics to my gallery anon section, http://darb.net/anonymous/
http://davidsonimagery.com/
Right place, right time, where the hecks my camera ...
User avatar
darb
Senior Member
 
Posts: 1020
Joined: Thu Sep 30, 2004 12:03 am
Location: allll ovvverr (live in perth)

Postby Big Red on Mon Jan 02, 2006 12:22 am

you can also use http://www.imageshack.us which generates the codes for a number of different ways for you

<a href="http://img414.imageshack.us/my.php?image=imgp0022pwmedium8tm.jpg" target="_blank"><img src="http://img414.imageshack.us/img414/4940/imgp0022pwmedium8tm.th.jpg" border="0" /></a>
User avatar
Big Red
Senior Member
 
Posts: 2520
Joined: Thu Dec 15, 2005 8:40 pm
Location: Jacobs Well Qld ... mossie capital of the world

Postby DanielA on Tue Feb 21, 2006 3:10 pm

(I'll put a link here so people can find it easier than the old thread. :) )

In addition to thaddeus's Zoomomator you can use my Smugmug Link Generator to easily generate BBCode to embed Smugmug images.

Daniel
Nikon D4, D2Xs, D70, Nikkors and Sigmas lenses from 10 to 400mm
www.DSAimages.com
User avatar
DanielA
Senior Member
 
Posts: 963
Joined: Sat Apr 02, 2005 1:23 pm
Location: Adelaide, South Australia

Tutorial please

Postby DebT on Tue Mar 20, 2007 7:41 am

Hi, would really like the 'how to' content of this thread added to the tutorial list along with 'How to Post' topic .. how do we get this done ?

As a newbie I am like a big sponge for information but realistically know I will need to refer to the instructons from time to time

Rgds DebT PS and yes I do need to take my camera instruction manual with me I figure it's better to look like a dumb blonde than take photos that confirm it
User avatar
DebT
Senior Member
 
Posts: 812
Joined: Sun Feb 25, 2007 4:58 am
Location: Adelaide SA

Postby stubbsy on Tue Mar 20, 2007 8:54 am

Deb - that's a good idea. I'll look into organising for both this and the other embed an image post to be linked that way.
Peter
Disclaimer: I know nothing about anything.
*** smugmug galleries: http://www.stubbsy.smugmug.com ***
User avatar
stubbsy
Moderator
 
Posts: 10748
Joined: Wed Dec 08, 2004 7:44 pm
Location: Newcastle NSW - D700

Re: Step by Step: Posting thumbnails with links to larger images

Postby rampotta on Sun Aug 31, 2008 6:33 pm

thats cool :cheers:
User avatar
rampotta
Newbie
 
Posts: 21
Joined: Wed Jul 02, 2008 11:05 pm
Location: Sydney

Re: Step by Step: Posting thumbnails with links to larger images

Postby Mr Darcy on Sun Jan 11, 2009 6:07 pm

Hi all,
I have recently started using FLickr to host some of my photos. They say in their T&C that they require a link to their site from the photo. Fair enough, but I can't seem to make it work.

They give sample code for html, but cutting and pasting that doesn't seem to work, and when I try the above method
[url=""][img][/img][/url]
using bits of the sample code, that just seems to link to the photo, not the web site.

Could some one in the know please explain to this Dummy how to do this. Preferably in words of one syllable or less
Greg
It's easy to be good... when there is nothing else to do
User avatar
Mr Darcy
Senior Member
 
Posts: 3414
Joined: Thu Oct 26, 2006 11:35 pm
Location: The somewhat singed and blackened Blue Mountains

Re: Step by Step: Posting thumbnails with links to larger images

Postby ATJ on Sun Jan 11, 2009 6:13 pm

Greg,

Post a sample so we can see what's not working.
User avatar
ATJ
Senior Member
 
Posts: 3982
Joined: Fri Feb 18, 2005 10:44 am
Location: Blue Mountains, NSW

Re: Step by Step: Posting thumbnails with links to larger images

Postby Darxtorm on Tue Jan 13, 2009 1:22 pm

I just posted from flickr using these instructions, with some level of success. It strikes me that some of this code is redundant if it is displayed rather than translated, or am I just doin' it wrong?

The code I used for the first image is
Code: Select all
preg_replace($acronyms_match, $acronyms_repl, '[url=http://www.flickr.com/photos/joeldevlin/3192290411/][img]http://farm4.static.flickr.com/3118/3192290411_3f4f589974.jpg[/img][/url]')

and the result looks like this
http://www.dslrusers.com/viewtopic.php?f=18&t=35433

Mr Darcy wrote:Hi all,
I have recently started using FLickr to host some of my photos. They say in their T&C that they require a link to their site from the photo. Fair enough, but I can't seem to make it work...
I am not very confident with post-processing, so please feel free to edit and repost.
Nikon D80 * 18-200VR * 50/1.8 * Nikon FTn * 50/2.0
70-210/4.5-5.6 * 90-230/4.5 * 200/3.5 * 135/2.8
User avatar
Darxtorm
Newbie
 
Posts: 13
Joined: Wed Aug 13, 2008 4:43 am
Location: Melbourne CBD

Re: Step by Step: Posting thumbnails with links to larger images

Postby ATJ on Tue Jan 13, 2009 1:32 pm

You don't need the
Code: Select all
preg_replace($acronyms_match, $acronyms_repl, '

at the start or the
Code: Select all
')

at the end.
i.e.
Code: Select all
[url=http://www.flickr.com/photos/joeldevlin/3192290411/][img]http://farm4.static.flickr.com/3118/3192290411_3f4f589974.jpg[/img][/url]

is all you need.
User avatar
ATJ
Senior Member
 
Posts: 3982
Joined: Fri Feb 18, 2005 10:44 am
Location: Blue Mountains, NSW

Re: Step by Step: Posting thumbnails with links to larger images

Postby Mr Darcy on Tue Jan 13, 2009 2:32 pm

This is the code supplied by Flickr
Code: Select all
<a href="http://www.flickr.com/photos/29374556@N06/3186412695/" title="_GJK0401 by gregdarcy, on Flickr"><img src="http://farm4.static.flickr.com/3322/3186412695_ba5bbd1a1d.jpg" width="500" height="335" alt="_GJK0401" /></a>

This is the photo as displayed by
Code: Select all
[img]http://farm4.static.flickr.com/3322/3186412695_ba5bbd1a1d.jpg[/img]

Image

This is the photo using the bbCode at the top of the thread. Hmm. This is different to what it was a few days ago. Did I highlight an issue with it?
Code: Select all
[url=http://www.flickr.com/photos/29374556@N06/3186412695/][img]http://farm4.static.flickr.com/3322/3186412695_ba5bbd1a1d.jpg[/img][/url]
Image

And now it works :D
Thanks ATJ, Darxtorm
I realise now what I had done wrong. I had left out all the preg_replace stuff which I figured (correctly as it turns out!) was not needed, but put the url in quotes. Damn. :oops: Still; sorted now. All I need to do now is write a FLickr -> BBCode macro to simplify the translation.
Greg
It's easy to be good... when there is nothing else to do
User avatar
Mr Darcy
Senior Member
 
Posts: 3414
Joined: Thu Oct 26, 2006 11:35 pm
Location: The somewhat singed and blackened Blue Mountains

Re: Step by Step: Posting thumbnails with links to larger im

Postby Victor03 on Thu Jan 24, 2013 12:16 pm

Mr Darcy, I am a Newbie to Online forums and despite a look at this thread and earlier guides I cannot quite get the gist of imbedding urls of a picture.
I am using Picasa. Is that a photo sharing site that will work for this purpose?

When I have used the Picasa-offered "imbed image" or "Link to this photo" The whole Picasa page turns up for "MY photos".

I had a look at SmugMug and an explanation for photo sharing sites on Wikipedia. This led me to conclude that Picasa should be OK. Perhaps I am wrong.

All a bit daunting...
Victor03

The trouble with the world is that the stupid are cocksure and the intelligent are full of doubt - Bertrand Russell.
Victor03
Newbie
 
Posts: 47
Joined: Wed Jan 23, 2013 2:51 pm
Location: Sydney, Allambie Heights


Return to Image Reviews and Critiques

Who is online

Users browsing this forum: No registered users and 18 guests

cron