MySwag.org The Off-road Camper Trailer Forum

General => General Discussion => Topic started by: DeLuxHiLux on May 10, 2013, 06:21:45 PM

Title: Embedding Pics in posts
Post by: DeLuxHiLux on May 10, 2013, 06:21:45 PM
Can anyone share the wisdom of how to embed pics in a post??

My last trip report looks all out of whack cos all the pics are at the end and not labeled or relevent.

I've seen others have done it, but would love to know how!!!!!

thanks everyone
Title: Re: Embedding Pics in posts
Post by: KingBilly on May 10, 2013, 06:25:50 PM
Have a look at http://www.myswag.org/index.php?topic=16378.0 (http://www.myswag.org/index.php?topic=16378.0)

basically you have to host the photos on myswag gallery or photobucket or the like and paste in the link.

KB
Title: Re: Embedding Pics in posts
Post by: DeLuxHiLux on May 10, 2013, 07:21:04 PM
Thanks KB. I searched "embed" not "insert" and got a range of intersting replies........ thanks again!!!!
 
Title: Re: Embedding Pics in posts
Post by: austastar on May 10, 2013, 08:16:37 PM
Hi,
  really you are putting a link that shows an image (from another site) where you put your image code.


I have an image on google here:


https://lh3.googleusercontent.com/-ei1SsmCvI2Y/T4fae8GsXtI/AAAAAAAABGc/eV5WPWVsDXU/w409-h306-p-o/DSCN5120.JPG (https://lh3.googleusercontent.com/-ei1SsmCvI2Y/T4fae8GsXtI/AAAAAAAABGc/eV5WPWVsDXU/w409-h306-p-o/DSCN5120.JPG)


You can click it, but that code isn't very pretty on the page.


What we do is use the code  to tell the program where to place the image, and the horrible big link above goes between them, and it all becomes just a nice tidy image with all the nasty code hidden.


Thus [img]https://lh3.googleusercontent.com/-ei1SsmCvI2Y/T4fae8GsXtI/AAAAAAAABGc/eV5WPWVsDXU/w409-h306-p-o/DSCN5120.JPG (https://lh3.googleusercontent.com/-ei1SsmCvI2Y/T4fae8GsXtI/AAAAAAAABGc/eV5WPWVsDXU/w409-h306-p-o/DSCN5120.JPG)  [/img]

becomes

(https://lh3.googleusercontent.com/-ei1SsmCvI2Y/T4fae8GsXtI/AAAAAAAABGc/eV5WPWVsDXU/w409-h306-p-o/DSCN5120.JPG)

The first red code calls the image, (the [ ] brackets tell the program it is code), the blue is the link to the image, and the last bit of code with the [/ ] tells the program the code call has ended.


ps the reason you can see my code in red and blue (which would normally be hidden) is I put a bit of code around it to make it stay visible.

cheers