View Full Version : Inserting an image
British Red
25-06-2006, 19:45
Leon_B asked for a "how to insert an image" guide. This is it. Firstly, I am sure there are many ways to insert an image. This is just one - feel free to add your own alternatives.
Righto Leon. Firstly, get two "internet explorer" windows open (or whatever other browser you use). In one, upen the full "reply" panel on the thread you wish to insert an image into. In the other internet explorer window, go to an "image hosting service". I use Image shack. There are many others, but we'll use image shack for this demo. You can find it at:
http://www.imageshack.us/
The window will look like this:
http://img371.imageshack.us/img371/7655/imageshackwindow6rc.jpg
You need to use the browse button to find an image on your PC. Here is the browse button
http://img221.imageshack.us/img221/8404/imageshackbrowsebutton9gz.jpg
When you click this another window will open. Use this window to move around the files on your PC and select the image you want to disply. Click OK on the new window.
http://img466.imageshack.us/img466/9970/selectimage6wa.jpg
You now have some options. Imageshack can re-size large images for you if you want it too if so - use the resize image option (640 by 480 is a good size for the forum). When (and if) you have selected any resize options you want, click the host it button.
[http://img352.imageshack.us/img352/3391/resizeandhost9qo.jpg
Your PC will now upload the image to the Imageshack server making it available over the internet. This make take some time, so be patient. Eventually the screen will change and show you some information. When this happens your image has been hosted. The new screen will look like this.
http://img482.imageshack.us/img482/7438/imagelinks0li.jpg
You can see I have highlighted two of the many imageshack links. The top one, if posted into your BCUK posting will provide a small "thumbnail" image. If you click on that thumbnail it loads the large image. Using this feature allows pages to laod quickly for people reading your post. If you use the thumbnail feature, copy the content of this field and paste it directly into your posting. Don't use the "image link" button
To insert a full sized image, copy the text in the box marked "direct link to image". You can do this by highlighting all the text in that box and pressinb "CTRL" and "C" at the same time (copy command)
Now go back to your window with BCUK open in it. In this window you need to click the "Insert Image" Icon
http://img468.imageshack.us/img468/7423/imagebutton5ou.jpg
When you click this icon a pop up window will open asking you to put in the location of your image. Click in the white box and Press "CTRL" and "V" (paste command). The web address of your image will appear.
http://img468.imageshack.us/img468/6756/imagedialogue0xm.jpg
Click the OK button and you are done. You can check this has worked by using the "Preview Post" button. If you see your image you have been successful. You can of course insert several images into a post. I find they do make instructions clearer and bring posts alive. remember - large or numerous images make it difficult to read your post as theytake ages to load.
I hope that helps mate
Red
wingstoo
25-06-2006, 19:49
Hi Red,
Another great, well thought out post that will help a lot of the readers...
As has been said many times before...a picture paints a thousand words...
Good on yer mate, have one to add to your collection
LS
http://i4.tinypic.com/15nn2hl.jpg
Our new floor, well half of it anyway...picture inserted using http://tinypic.com/ (http://tinypic.com/) images over 250k are resized by them...
thanks red thats a really helpfull and detailed guide now all i have to do is take some photos and insert them
thanks leon
British Red
25-06-2006, 19:59
That floor is looking great LS. Really sorry I couldn't come, but, given the quack was still testing on Thursday...... hope to make the next meet - if not - I'll be there the time after
Red
Nice one Red, this is what I do as well (thanks to Leon 1 for showing me).
I do need to say that you can only upload photo's of a certain size into imageshack (can't remember what that size is). Many cameras are now using many mega pixels, mine is 5 mp and I have to resize the photo before I can upload it, or imageshack will not accept it. If you are using windows XP you can download an image resizing tool on this link http://www.microsoft.com/windowsxp/downloads/powertoys/xppowertoys.mspx scroll down to image resizer. I find resizing to Large size works fine............Jon
British Red
25-06-2006, 20:07
Good point Jon. Imageshack won't take anything above 1.5MB in size. If you have a high res camera you may need to re-size. I think your link is a dodgy but this one I think works
http://www.microsoft.com/windowsxp/downloads/powertoys/xppowertoys.mspx
Other tools are out there too - I use Paint Shop Pro which is very useful
Red
Good point Jon. Imageshack won't take anything above 1.5MB in size. If you have a high res camera you may need to re-size. I think your link is a dodgy but this one I think works
http://www.microsoft.com/windowsxp/downloads/powertoys/xppowertoys.mspx
Other tools are out there too - I use Paint Shop Pro which is very useful
Red
Yeah, sorry it took me a while, but it works now..............Jon
Hawkeye The Noo
26-06-2006, 00:48
Big Lenny, Russian Black Terrier
http://i45.photobucket.com/albums/f97/HawkeyeTheNoo/img_08172.jpg
Yeah, that works well Noo, nice doggy. Noticed you used photobucket though, is it any better or easier or just as good as imageshack ?.................Jon
Hawkeye The Noo
26-06-2006, 16:18
Photo bucket is the only one I have tried.
Sorry can't help you more.
Jamie
Hi lad's.
I started off using Fotango to host my pics, but they only accept jpg files. Red is using a good site in Imageshack, but I use www.suprfile.com because they take all files and don't ask you to set up an account. You just visit and host.
So far, I've had no problems at all.
BTW, if you're using Firefox, you can visit your chosen hosting site, then go to bookmarks, on the tool bar, then select 'bookmark this page'...bookmarks toolbar folder. It's always there for you to click on then.
All I do then is click that bookmark, browse and host, then copy/paste the direct link into your reply box.
It really does only take 1 minute, tops.
Enjoy!!!
Pete.;)
sxmolloy
28-06-2006, 22:22
http://img438.imageshack.us/img438/683/dscn06387mp.th.jpg (http://img438.imageshack.us/my.php?image=dscn06387mp.jpg)
just seeing if i could do a big pic...cheers red, very well explained.
stu1979uk
26-07-2007, 23:25
Lets see if it works
http://img113.imageshack.us/img113/2158/s3010017zk8.jpg
Ah it did thanks for the advice Red
Can this please be made a sticky so its easy to find and refer to??
Can this please be made a sticky so its easy to find and refer to??
Made it a sticky.
Hopefully people will find it and read it ;)
MartinK9
18-01-2009, 15:17
Made it a sticky.
Hopefully people will find it and read it ;)
Just have; and tested it out - thanks, works perfectly :)
If you are using Vista download VSO image resizer, free and works well
http://www.vso-software.fr/products/image_resizer/
<a href="http://img365.imageshack.us/my.php?image=firneze2008022.jp g" target="_blank"><img src="http://img365.imageshack.us/img365/8979/firneze2008022.th.jpg" border="0" alt="Free Image Hosting at www.ImageShack.us" /></a><br /><br /><a href="http://img604.imageshack.us/content.php?page=blogpost&files=img365/8979/firneze2008022.jpg" title="QuickPost"><img src="http://imageshack.us/img/butansn.png" alt="QuickPost" border="0"></a> Quickpost this image to Myspace, Digg, Facebook, and others!
As you can see - I haven't got it to work (yet) - I don't have the 'image button' - has the BCUK site changed since Red gave the instructions??
calibanzwei
15-04-2009, 09:03
In your 'User CP' (underneath where is says BushcraftUK Community Forums), select 'Edit Options' and then right down at the bottom of that page you have 'Message Editor Interface' - change that to 'Enhanced Interface.
That will give you all the buttons you need.
When pasting your link to your picture (either using the 'Image Button or just putting it between the image 'tags' (), make sure it ends with the filename of the picture your trying to link to - your case that would be the http://img365.imageshack.us/img365/8979/firneze2008022.th.jpg bit.
http://img365.imageshack.us/img365/8979/firneze2008022.th.jpg
sandbender
15-04-2009, 09:10
Elines, the image links you've posted above need a bit of work...
http://img365.imageshack.us/my.php?image=firneze2008022.jp g
If you click on the actual image thats shown in the above link, a slightly different URL can be copied from your URL bar...
http://img365.imageshack.us/img365/8979/firneze2008022.jpg
surround that link with the brackets described by calibanzwei and your image will appear in your post...
http://img365.imageshack.us/img365/8979/firneze2008022.jpg
:D
Many thanks to calibanzwei and sandbender - I will give it another go a bit later on - main problem at moment is I thought I was testing with an arty picture of Edinburgh (as it was big - about 4.5mb) what I seem to have used is picture of some italian kids playing a traditional Italian game in a park above Florence.
Regards
Elines
sandbender
15-04-2009, 18:14
Many thanks to calibanzwei and sandbender...what I seem to have used is picture of some italian kids playing a traditional Italian game in a park above Florence.
No worries, in theory any image you upload to your photo hosting site that has the file name 'firneze2008022.jpg' will replace the image shown in the post above.
That certainly seems to be the case for images I link to from Photobucket, which is handy if you ever want to replace a picture that you or others may have already linked to on this or other forums. Thus if I have a picture of a carved spoon named 'carvedspoon01.jpg' and I upload another, better image of that spoon named 'carvedspoon02.jpg' then I'd have to go through all my posts where that image appears to change the link code, however if I just replace the existing photo with the new one and use the same file name, the links don't need to be changed. :)
I'm not sure how things are at imageshack, however Photobucket allows you to subdivide your images into 'folders' and 'subfolders', its worth putting some thought into that folder arrangement before any images are uploaded because if you rearrange your folders afterwards all your link URL's will change and all your images will vanish from your posts.
:D
OK - just had a go and thought that again I was getting it wrong because the pic did not appear in the box - then I used the 'preview' button and there they were (I had actually posted thesame pic about 3 times.)
As it was about 4.4 mb looks like fairly big files can be loaded
Thanks again:You_Rock_
I will have a go at a live loading of pics later rather than cluttrer up this thread with my experiments
thanks again for all your help
regards
Elines
You don't need to upload large files, a resolution of 640X480 is fine for forums and will give good results.
Chinkapin
25-05-2009, 19:22
testing to see if this works....
http://lh6.ggpht.com/_Nf--zB1Toh0/Shrg2Sr-y3I/AAAAAAAAAB8/wk_4fg0hHXs/s800/32740445612.jpg
just testing again...
http://img232.imageshack.us/img232/2361/bluehillsizi.th.jpg (http://img232.imageshack.us/i/bluehillsizi.jpg/)
Whittler Kev
27-10-2009, 23:42
Just trying to put a pic in
http://img39.imageshack.us/img39/9223/meatronniesunshines25th.jpg
woodspirits
28-11-2009, 11:55
hi, i read the posted instructions on how to.... but my posting window is completely different to british reds...
i dont have any facility to alter text, fonts etc and no pic insert button.
do i have to be a paid up member to use this? or is it a case of old men and technology! :)
steve
Seth.Karlo
28-11-2009, 20:41
The forums have now changed type, so here are some new instructions:
1. Head to a site like www.photobucket.com or www.imageshack.com and follow the instructions in the first post to host your image.
2. Look for the bit that says "Direct Link". It will say something like:
http://i130.photobucket.com/albums/p272/Sedrander/sword_man_by_tahra.jpg
Copy it, and then come to the forums.
3. Type the letters img inside square brackets (If I do it the forum will try and make a picture) So using my direct link it would look something like this:
(img)http://i130.photobucket.com/albums/p272/Sedrander/sword_man_by_tahra.jpg
Note that I've replaced the [ ] with ( ), but in your post you need to use [ ].
Then, to tell the forum that your link is complete, you put another little code at the end. It's the same three letters with a / in front of them, like so:
(img)http://i130.photobucket.com/albums/p272/Sedrander/sword_man_by_tahra.jpg(/img)
And, to show it:
http://i130.photobucket.com/albums/p272/Sedrander/sword_man_by_tahra.jpg
Hope that helps,
-Andy
woodspirits
28-11-2009, 23:54
thanks for explaining this to me, hopefully i can get it to work! will let you know how i get on, cheers
steve
landyandy
29-11-2009, 15:36
[IMG]http://img4.imageshack.us/img4/6706/kids006.jpg
thanks it works this is my kids landy
[IMG]http://img4.imageshack.us/img4/6706/kids006.jpg
thanks it works this is my kids landy
That is a beautiful wee machine...
landyandy
30-11-2009, 18:48
Thanks it's not bad, the pick was on xmas day 2004 they got it for xmas (it snowed) i was cold but the best dad in the world that day.
<a href="http://www.flickr.com/photos/42355187@N05/4159673941/" title="DSC_0234 by Danmad, on Flickr"><img src="http://farm3.static.flickr.com/2569/4159673941_30e006476c.jpg" width="500" height="333" alt="DSC_0234" /></a>
Seth.Karlo
06-12-2009, 16:12
You have the HTML code for it mate. Cut out the http://farm3.static.flickr.com/2569/4159673941_30e006476c.jpg bit of it and place and before and after it respectively, like so:
http://farm3.static.flickr.com/2569/4159673941_30e006476c.jpg
Randyrandle
11-12-2009, 22:06
Test
http://farm3.static.flickr.com/2575/4176852503_3932f000af.jpg
Tiger Eyes
26-12-2009, 18:23
just testing
http://i215.photobucket.com/albums/cc169/fionatigereyes/dec09030.jpg
Tiger Eyes
26-12-2009, 18:26
This being the first image I have tried to upload, it has taken me ages to work out how to do it cos I've been using the FAQ guide:(, then gave up assuming that as I am not a full member I wasn't allowed. Maybe the FAQ could be changed with a link to this thread.
http://www.flickr.com/photos/46290876@N02/4253995572/
Doh!
http://www.flickr.com/photos/46290876@N02/4253995572/
Doh again!
<a href="http://www.flickr.com/photos/46290876@N02/4253995572/" title="K1 by Zingmo, on Flickr"><img src="http://farm5.static.flickr.com/4056/4253995572_6191c20252.jpg" width="500" height="375" alt="K1" /></a>
:dunno:
http://farm5.static.flickr.com/4056/4253995572_6191c20252.jpg
Aha! from Flickr
Share this. (button top right of Flickr window)
Grab the HTML
just select the bit that starts "http//farm5..." and ends with "...jpg"
paste that in BCUK.:)
http://www.flickr.com/photos/42355187@N05/4159679099/" title="DSC_0240
<a href="http://www.flickr.com/photos/42355187@N05/4159679099/" title="DSC_0240 by Danmad, on Flickr"><img src="http://farm3.static.flickr.com/2632/4159679099_c251da7694.jpg" width="500" height="333" alt="DSC_0240" /></a>
<a href="http://www.flickr.com/photos/42355187@N05/4159679099/" title="DSC_0240
im just not getting the hang of this!
<a href="http://www.flickr.com/photos/42355187@N05/4159679099/" title="DSC_0240 by Danmad, on Flickr"><img src= width="500" height="333" alt="DSC_0240" /></a>
http://www.flickr.com/photos/42355187@N05/4159679099/
Chainsaw
29-01-2010, 16:59
http://farm3.static.flickr.com/2632/4159679099_c251da7694.jpg
just paste this in, in flickr I used to go to the image size you want then right click, copy image location and paste this into the window ;
http://farm3.static.flickr.com/2632/4159679099_c251da7694.jpg
hope this helps
Alan
Cap'n Badger
29-01-2010, 17:04
Like this......go t' yer page....right click on the image....select 'view image' from
The choices.......(it'll open in new window).......copy the addy from yer search toolbar..goto bcuk 'reply' in yer pm's.......open insert image(little yellow bow wi' mountains graphics on it)...it'll open a text box wi' http..etc in it.....scrub that an' 'paste' the addy ye copied into it.......preview at bottom o' reply thread t' see ifin it worked.
Cap'n.
http://farm3.static.flickr.com/2505/4159729445_dab67a08cd.jpg
Cap'n Badger
29-01-2010, 17:05
http://farm3.static.flickr.com/2632/4159679099_c251da7694.jpg
just paste this in, in flickr I used to go to the image size you want then right click, copy image location and paste this into the window ;
hope this helps
Alan
LOL....or do that...muchly simples...
http://img686.imageshack.us/img686/415/dsc0621q.jpg
wooooooooo (if its worked)
thanks for the help guys!!! much appreciated!
Chainsaw
29-01-2010, 17:27
well done! maddening isn't it.. sorry I'll get my coat!
Cheers,
Alan
That was a bad one!
With my newly aquired picture posting skills ive got some question to ask on the traditional crafts page, so thanks again for you help.
Dan
Bazzworx
28-02-2010, 19:49
http://s1033.photobucket.com/albums/a413/BazzWorx/?action=view¤t=DSC00195.jpg
Bazzworx
28-02-2010, 20:05
http://s1033.photobucket.com/albums/a413/BazzWorx/?action=view¤t=DSC00195.jpg
Bazzworx
28-02-2010, 20:12
[img/]http://s1033.photobucket.com/albums/a413/BazzWorx/?action=view¤t=DSC00195.jpg[img]
Bazzworx
28-02-2010, 20:22
http://i1033.photobucket.com/albums/a413/BazzWorx/DSC00195.jpg
http://i1033.photobucket.com/albums/a413/BazzWorx/DSC00195.jpg
worked but you must have image inserted (used the little picure button ) and copyed the Forum version which has the IMG codes already so you just paste in which is why the extra code shows ;)
ATB
Duncan
Ryecroft
04-07-2010, 10:56
http://img535.imageshack.us/img535/9302/pict0015a.jpg
Ryecroft
04-07-2010, 10:56
Excellent tutorial all, thanks for the help.
TomBartlett
18-07-2010, 08:26
<table style="width:auto;"><tr><td><a href="http://picasaweb.google.com/lh/photo/YGf_uwRBWMbtpEprimHt49g82ofYJS wSk7uJUOwpoTw?feat=embedwebsit e"><img src="http://lh6.ggpht.com/_rGVlfdauDH0/TEKtgoNprDI/AAAAAAAAAbU/OzlgCFh5nSg/s144/IMG_8906.jpg" /></a></td></tr><tr><td style="font-family:arial,sans-serif; font-size:11px; text-align:right">From <a href="http://picasaweb.google.com/tom.luke.bartlett/AdventureTravelAndPrettyPictur es?authkey=Gv1sRgCLji-5zz0qOR8AE&feat=embedwebsite">Adventure, Travel and Pretty Pictures</a></td></tr></table>
Harvestman
15-08-2010, 15:35
Just my test
http://a.imageshack.us/img837/127/portraitofahappydog.th.jpg (http://img837.imageshack.us/i/portraitofahappydog.jpg/)
Harvestman
15-08-2010, 15:53
Ok guys, I can get the image in, but it isn't very big. Is it simply a case of sizing it so that it starts bigger? I'm using Red's recommended size in the initial post of this thread.
And is there a way to get rid of those [IMG] tags around the picture?
Thanks.
porchini
25-08-2010, 18:12
http://www.flickr.com/photos/53404866@N08/4927020142/in/set-72157624681285619/
porchini
25-08-2010, 18:18
http://www.flickr.com/photos/53404866@N08/4927020142/in/set-72157624681285619/
porchini
25-08-2010, 18:23
http://www.flickr.com/photos/53404866@N08/4926427551/
please help having and image paste nightmare
JonathanD
25-08-2010, 18:41
Start a thread in the Test Forum here...
http://www.bushcraftuk.com/forum/forumdisplay.php?f=68
Seems you are linking to the page the image is on, rather than to the image itself.
http://img843.imageshack.us/i/02092010582.jpg/
http://img843.imageshack.us/i/02092010582.jpg/
British Red
02-09-2010, 20:44
http://img843.imageshack.us/img843/1172/02092010582.jpg
There you go.
If you do a "Reply with Quote" on this post, you can see how it is done
http://img4.imageshack.us/img4/7430/10100011600x1200.jpg
Just a test
yomperalex
19-03-2011, 23:04
http://s1088.photobucket.com/albums/i332/yomperalex/Baskets/?action=view¤t=IMG_0835.jpg
Testing via flickr, fingers crossed...
<a href="http://www.flickr.com/photos/61601845@N04/5606750228/" title="IMAG0026 by jdo330, on Flickr"><img src="http://farm6.static.flickr.com/5147/5606750228_09ac6a4fd4.jpg" width="299" height="500" alt="IMAG0026"></a>
Testing via flickr, fingers crossed...
<a href="http://www.flickr.com/photos/61601845@N04/5606750228/" title="IMAG0026 by jdo330, on Flickr"><img src="http://farm6.static.flickr.com/5147/5606750228_09ac6a4fd4.jpg" width="299" height="500" alt="IMAG0026"></a>
Stuff that begins with <a href= ...> is HTML code, which you can't use on here. Instead use this:
insert http address to pic here
Your image has this address:
http://farm6.static.flickr.com/5147/5606750228_09ac6a4fd4.jpg
Add IMG code:
before the above mentioned URL, and after the .jpg bit.
Result would be something like this:
http://farm6.static.flickr.com/5147/5606750228_09ac6a4fd4.jpg
Two Socks
12-04-2011, 11:20
I`d like to do an introduction-post with a pic, so I`ll try this first ;-)https://picasaweb.google.com/107817368050010171844/DropBox?authkey=Gv1sRgCJXAlY3F 4fybdA&pli=1&gsessionid=JldWvORmFICHuSAfVSS rHw#5594636275702454114
Two Socks
12-04-2011, 11:21
I`d like to do an introduction-post with a pic, so I`ll try this first ;-)https://picasaweb.google.com/107817368050010171844/DropBox?authkey=Gv1sRgCJXAlY3F 4fybdA&pli=1&gsessionid=JldWvORmFICHuSAfVSS rHw#5594636275702454114
Hmm, failed. Anybody else uses picasa as a pic-hosting site?
Hmm, failed. Anybody else uses picasa as a pic-hosting site?
Rightclick on the picture, when you've got Picassa open. Select copy location picture (or something along those lines), it's the bottom one IIRC (I use a Mac, so don't know about other machines). A new screen (pop up) opens, that shows you the URL of the pic. It ends with .JPG in your case.
Copy the URL and proceed as described in post #79. ;)
Two Socks
12-04-2011, 11:53
Thanks! I`ll try it:
https://lh4.googleusercontent.com/_xZ9T4ydK7Us/TaQkDRTCV2I/AAAAAAAABZc/1uN9kVQ5jK0/s640/P4100045.JPG
*fingers crossed*
Two Socks
12-04-2011, 11:54
Great! Thanks Ahjno!
Hmm, failed. Anybody else uses picasa as a pic-hosting site?
I have tried it but found it slow compared to photobucket and I've got several thousand pictures on PB now so I can't be bothered moving. They are all much the same, do the same job.
beerngrills70
13-05-2011, 17:51
testing testing 1,2,3, :)
http://i1230.photobucket.com/albums/ee496/Beerngrills70/DSC02041.jpg
edit
haha it works :) :) :) :)