Reply
 
Thread Tools Search this Thread Display Modes
 
Old 10-24-2006, 01:53 AM   #1
just jd.
 
5cats's Avatar

 
2007 20' Safari SE
San Diego , California
Join Date: Mar 2006
Posts: 298
Exclamation how to layout thumbnail and full-size pics

I've run across a few places where folks are asking how'd they do that?, wanting to know how to include thumbnail pictures (that you can click on for bigger) and full-size images -- interspersed with text, maybe captions -- in a single post. Here's my take. Feel free to correct/help me out here.

To include pictures in your post you will need either or both:
  • image(s) attached to the post
  • image(s) located on an server, accessible via public URL

Attach images using the "Manage Attachments" button in the Additional Options section below the edit window. This allows you to browse and select several images from your browser machine or specify a specific URL (at say, flickr.com). For this example, I uploaded two images from my local machine.

Returning to the text edit window, I decide I want to include a thumbnail image in the midst of text.Click image for larger version

Name:	2007saf20_aft.jpg
Views:	102
Size:	55.5 KB
ID:	27429I clicked the attachments button at the top of the edit window (looks like a paperclip) and selected the aft interior view of my soon-to-be-delivered 2007 Safari-20 SE (grin).

The previous paragraph looked like this in the edit window:
Quote:
Returning to the text edit window, I decide I want to include a thumbnail image in the midst of text.[ATTACH]27429[/ATTACH]I [B]clicked the attachments button[/B] at the top of the edit window (looks like a paperclip) and selected the aft interior view of my soon-to-be-delivered 2007 Safari-20 SE (grin).
Notice the lack of line breaks around the [ATTACH]..[/ATTACH] code, which is what the attachments button inserted for me where my cursor was at the time.

Including a full-size image can be accomplished by clicking the image button at the top of the edit window (looks like a tiny mountain+sun picture) and entering a URL. I'll use the copied URL of the another attachment found below the edit window by the Manage Attachments button.

This should render fully (not a thumbnail):

Jack is a good boy.

Here's the code, partially produced by the image button:
Quote:
This should render fully (not a thumbnail):
[IMG]http://www.airforums.com/forums/attachment.php?attachmentid=27428&stc=1&d=11616762 16[/IMG]
Jack is a good boy.
Notice this time I used line breaks before and after the [IMG]..[/IMG] block

Exernal images
You can only reference attachments for thumbnails, so your external image will show up full size when using the Insert image button, just as it did with the previous example. For this final example I'll again use the Insert image button, but using the web address of an image far, far away...


Stock Interstate SRM-24 Deep Cycle Marines. Opening is 14.75 x 13: more than enough for 27s, maybe 31s.

...and the code:
Quote:
[IMG]http://static.flickr.com/79/277679292_03699cedb2.jpg?v=0[/IMG]
[I]Stock Interstate SRM-24 Deep Cycle Marines. Opening is 14.75 x 13: more than enough for 27s, maybe 31s.[/I]
Yeah, that is one really odd URL, I agree. Hopefully it will stay at that location long enough to be useful here. That's the risk you take when using external URLs -- word to the wise.

One last note...
I've found that attachments tend to display as thumbnails at the very bottom of your finished post. There is at least one exception: when I referenced all attached images at various points in the post using the Attachments button in the editor, the forums software seems smart enough to not display them again at the bottom, since they're already displayed before that point. I'm guessing there will be no listing of thumbnails below here, as they're already all displayed above.

I think this may clear up some things for at least one person, maybe others.

Cheers,
-jd.
Attached Thumbnails
Click image for larger version

Name:	jack.jpg
Views:	228
Size:	95.3 KB
ID:	27428  
__________________

__________________
2007 20' Safari SE/LS // 12063 //CA-5// ("ex") 2916
5cats is offline   Reply With Quote
Old 10-24-2006, 01:57 AM   #2
just jd.
 
5cats's Avatar

 
2007 20' Safari SE
San Diego , California
Join Date: Mar 2006
Posts: 298
OK, turns out there was a lurking thumbnail at the bottom after all!

In my defense the server glitched several times during the production of that post, and at one point I had to upload Jack's image again. I think that one at the bottom is the first image and I've lost the reference to it in the body of the post. Ah well, you get the point, I hope

Cheers,
-jd.
__________________
2007 20' Safari SE/LS // 12063 //CA-5// ("ex") 2916
5cats is offline   Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off



Virginia Campgrounds

Reviews provided by



Our Communities

Our communities encompass many different hobbies and interests, but each one is built on friendly, intelligent membership.

» More about our Communities

Automotive Communities

Our Automotive communities encompass many different makes and models. From U.S. domestics to European Saloons.

» More about our Automotive Communities

Marine Communities

Our Marine websites focus on Cruising and Sailing Vessels, including forums and the largest cruising Wiki project on the web today.

» More about our Marine Communities


Copyright 2002-2015 Social Knowledge, LLC All Rights Reserved.

All times are GMT -6. The time now is 07:33 PM.


Powered by vBulletin® Version 3.8.8 Beta 1
Copyright ©2000 - 2016, Jelsoft Enterprises Ltd.

Airstream is a registered trademark of Airstream Inc. All rights reserved. Airstream trademark used under license to Social Knowledge LLC.