pasting images within a post
pasting images within a post
(OP)
By following Kapitan's instructions, I'm able to add images to my posts but only as attachments.
I see some of you add adding images directly in the post - how do you do that?
I see some of you add adding images directly in the post - how do you do that?





RE: pasting images within a post
Note: images larger than 400 pixels wide can cause your thread's page to distort. Please try to keep images posted under this size.
(no line breaks)
(Sample only: Use the IMG tag to post any image from any web server.)
clic on the process TGML above the submit post
indocti discant et ament meminisse periti
RE: pasting images within a post
thanks Eric
RE: pasting images within a post
Before anything else the picture must reside on a server somewhere, and this is easy enough to do with (free) image hosting websites. After trying several different ones I now stick to www.photobucket.com - so far I haven't run out of space. It doesn't matter which image host is used as long as the URL of the stored image can be obtained.
Once a picture is on Photobucket it will look like this in the album.
Eng-Tips uses an Image Code dialect - TGML, which means that the Photobucket image code has to be slightly altered - I'll use the Traffic Light analogy: Red = Stop and Remove, Green = Add and Proceed.
CODE
The leading tag has its last square bracket removed ], and the trailing tag loses its first bracket and the /img characters.
Or, copy the URL from the third option up, and add [img plus a space to the front of the URL, then add ] to the end of it. I'd recommend this method - it's simpler.
==========================================
A built in feature of Photobucket's output code is that forThumbnail Images. these are a small size version of the real picture, which when clicked open up a new window with a full-size picture. This is good for laying out a 'gallery', it's also better for anyone on a dial-up internet connection - because all the images don't have to load together - you only select the one(s) that look interesting...
Referring back to the Photobucket picture above, if the small box is clicked a tick appears in it. Now scroll down to the bottom of the Photobucket page. Click on the right-hand box that says Generate HTML and Image Code, several boxes of various code information will then be presented.
Copy the text from the centre box, and paste into the Eng-Tips post writer box.
CODE
Anyway, the same image tags have to be altered on the embedded image code inside this text - as described earlier. But, in the leading tag the URL= has to be removed and replaced by LINK, followed by a space before the http:// stuff begins. The trailing tag loses its first bracket and the URL, it's replaced with LINK, so that it becomes this:-
And below is what is seen on the screen. It's centrered by the use of the (center) and (/center) tags before and after the image code. Note that I've used normal brackets here to cheat the TGML - so that the tags can be seen here. In reality square brackets must be used.
Any image that's not centrered by tags will by default be pushed to the left border. See the TGML Reference link - lower right in the final picture.
Click image to enlarge it in a new window.
Another to method of providing a link to a picture is to use an active text string. By adding [link and a space to the front of the URL, and ]ANY-TEXT[/link] to the tail end of it, we see this on the screen:-
Click Here to see the image. ANY-TEXT can literally be that, in the example it was "Click Here".
Lastly, is a way of using one picture to link to another completely different one. Click on the Catia screen shot - after this...
This is what was written to get the clickable picture link below,
----------------------o0o----------------------
To crop, resize, etc images I use Paint Shop Pro X, but it doesn't matter which software is used, as long as there is some facility available for handling (.JPG) images.
RE: pasting images within a post
As usual, you have provided a most lucid explanation!
thixoguy
RE: pasting images within a post
But I just threw it in the trash bin, having replaced it with your newer version. Great job!
Thanks Kapitan!
RE: pasting images within a post
===================================================
Posting an Image from its URL
This is a typical URL for an image on a hosting site,
http://i22.photobucket.com/albums/b322/GeeVor/Sinusoidal_Sheet_480x360.jpg
And here it is with the TGML tags on both ends
[img http://i22.photobucket.com/albums/b322/GeeVor/Sinusoidal_Sheet_480x360.jpg]
===================================================
Posting a Clickable Thumbnail Image
This is a typical URL for a Clickable Thumbnail - if the host site outputs it.
[URL=http://i22.photobucket.com/albums/b322/GeeVor/Sinusoidal_Sheet_480x360.jpg][IMG]http://i22.photobucket.com/albums/b322/GeeVor/th_Sinusoidal_Sheet_480x360.jpg[/IMG][/URL]
And here it is in TGML format
[LINK http://i22.photobucket.com/albums/b322/GeeVor/Sinusoidal_Sheet_480x360.jpg][IMG http://i22.photobucket.com/albums/b322/GeeVor/th_Sinusoidal_Sheet_480x360.jpg][/LINK]
===================================================
Posting a Row of Clickable Thumbnail Images
Three URL's (From Imagecave)
http://usera.imagecave.com/LeVant/CatPix_11.bmp.jpg
http://usera.imagecave.com/LeVant/Myford_03.jpg
http://usera.imagecave.com/LeVant/Bridgeport_05.jpg
Imagecave,com is another free host site, and the Thumbnail output is a HTML string. You can either build up the required TGML code from the URL, or strip out the valid data from the HTML.
This block of code will post 3 clickable thumbnail images in a row.
The TGML code
[link http://usera.imagecave.com/LeVant/CatPix_11.bmp.jpg][img http://usera.imagecave.com/LeVant/icth_Spline_Spine.jpg.jpg][/link] [link http://usera.imagecave.com/LeVant/Myford_03.jpg][img http://usera.imagecave.com/LeVant/icth_Myford_03.jpg.jpg][/link] [link http://usera.imagecave.com/LeVant/Bridgeport_05.jpg][img http://usera.imagecave.com/LeVant/icth_Bridgeport_05.jpg.jpg][/link]
# Note the text icth_ and the duplcated .jpg in the thumbail strings, but it seems to work for Imagecave stuff!
The gap between [/link] and [link] can be removed or expanded to suit the layout.
Also, the first thumbnail links to a different picture.
===================================================
Posting an Image via a Text Link
Here's the URL
http://i22.photobucket.com/albums/b322/GeeVor/CATIA_V1_1983.jpg
And now in TGML
[LINK http://i22.photobucket.com/albums/b322/GeeVor/CATIA_V1_1983.jpg]Click here for CATIA in 1983[/LINK]
This is what is sent to the screen
Click here for CATIA in 1983
===================================================
Posting an Image via another Image Link
http://i22.photobucket.com/albums/b322/GeeVor/Fourier_Surface_019.jpg
And this is the final one
http://i22.photobucket.com/albums/b322/GeeVor/Fourier_Surface_018.jpg
The TGML code for the Image to Image Linking, including nested [(/)center] tags (for the clickable image).
[LINK http://i22.photobucket.com/albums/b322/GeeVor/Fourier_Surface_018.jpg][center][IMG http://i22.photobucket.com/albums/b322/GeeVor/Fourier_Surface_019.jpg][/center][/LINK]
===================================================
All of the above code is valid (copy-able), but has been de-actived here so that the tags are visible; although the text in Red is active.
-----------------oOo-----------------
RE: pasting images within a post