Arduino Forum

Community => Website and Forum => Topic started by: Robin2 on Dec 26, 2017, 07:00 pm

Title: Simple guide for inserting images in a post
Post by: Robin2 on Dec 26, 2017, 07:00 pm
This is my attempt to provide the essentials for inserting an image into a post. If you want more details there is a very long Thread about inserting images here (http://forum.arduino.cc/index.php?topic=364156.0)


To display an image in a Post you need two things - the image must be hosted on some website and you need the URL for the image at that location.

You can host an image on other websites or you can upload the image as an attachment to your Arduino post.

Image uploaded as an attachment
If you upload the image as an attachment then you must go through a three-stage process to make the image appear.

First you must attach the image and submit your post.
                  If you find that your image is rejected by the Forum software see reply #27

Second you must view your post which will show the image name at the bottom like this.

If you right-click on the link and then click "Copy image location" you will have the URL for the image. You can paste that to your text editor if you want to look at it, but that is not normally necessary.

Third, edit your Post, position the cursor where you want the image to appear, click the image icon

and then paste the URL into the box. When you save the modified post the image should be visible.

The image icon just wraps [img] [/img] around the image URL. For this test image it will look like this [img]http://forum.arduino.cc/index.php?action=dlattach;topic=519037.0;attach=239016[/img]


The reader may also wish to read Reply #19 concerning Internet Explorer

Image from another website
If the image you want to display is already hosted on another website then you just need to go through the second and third steps while you are composing your Post.

The full code for this external image is [img]http://www.rmweb.co.uk/community/uploads/monthly_04_2017/post-10065-0-66296600-1493118555.jpg[/img]



Hope this helps

...R

Edited 29 Dec 2017 to make the images easier to see and to correct one of the references
Edited 13 Apr 2019 to add reference to Reply #27
Title: Re: Simple guide for inserting images in a post
Post by: larryd on Dec 26, 2017, 08:03 pm
Thanks Robin2.
Bookmarked.


Title: Re: Simple guide for inserting images in a post
Post by: Coding Badly on Dec 27, 2017, 08:12 am

Nothing about this?
http://forum.arduino.cc/index.php?topic=364156.msg2801947#msg2801947 (http://forum.arduino.cc/index.php?topic=364156.msg2801947#msg2801947)

Title: Re: Simple guide for inserting images in a post
Post by: Robin2 on Dec 27, 2017, 10:11 am
Nothing about this?
http://forum.arduino.cc/index.php?topic=364156.msg2801947#msg2801947 (http://forum.arduino.cc/index.php?topic=364156.msg2801947#msg2801947)
I will be happy to include something but as I read your link I am not clear what is the problem or the solution.

Are you saying that the normal use of the image icon does not create BB code that works in Internet Explorer?

If so can you explain what an IE user should do?

...R
Title: Re: Simple guide for inserting images in a post
Post by: Coding Badly on Dec 27, 2017, 10:25 am

This is the URL for the first image in your first post...

http://forum.arduino.cc/index.php?
action=dlattach;topic=519037.0;attach=238554


This is how Internet Explorer displays that area of your first post...


Adding ";image" to the end of the URL fixes the problem...

http://forum.arduino.cc/index.php?
action=dlattach;topic=519037.0;attach=238554;image



Title: Re: Simple guide for inserting images in a post
Post by: Robin2 on Dec 27, 2017, 11:01 am
Adding ";image" to the end of the URL fixes the problem...
You did not answer my question
Quote
Are you saying that the normal use of the image icon does not create BB code that works in Internet Explorer?
so I am not clear whether you are saying I have made a mistake in my Post or whether there is a general problem with the way the image icon creates BB code.

When I did a test just now the image icon created the same BB code as I have in my Post for the myTestImage picture.

...R
Title: Re: Simple guide for inserting images in a post
Post by: Coding Badly on Dec 27, 2017, 11:13 am

The image icon is irrelevant.  The BB code is irrelevant.  They both work as expected (outputting an <img src> tag).

The problem is with the forum software.  It uses the wrong disposition (an HTTP protocol thing) for the stream.  After pasting the image URL then appending ";image" overcomes the problem.  The forum software then uses the correct disposition.


In other words, this...

http://forum.arduino.cc/index.php?action=dlattach;topic=519037.0;attach=238603 (http://forum.arduino.cc/index.php?action=dlattach;topic=519037.0;attach=238603)

...is supposed to be treated as "download this file to your computer".  Firefox and Chrome do not do that.  The image is incorrectly embedded instead.


This...

http://forum.arduino.cc/index.php?action=dlattach;topic=519037.0;attach=238603;image (http://forum.arduino.cc/index.php?action=dlattach;topic=519037.0;attach=238603;image)

...is supposed to be treated as "display this image in your browser".  All three browsers work as expected; the image is display in the browser.


If you click the two links above you will see the difference.

Title: Re: Simple guide for inserting images in a post
Post by: Robin2 on Dec 27, 2017, 01:11 pm
The image icon is irrelevant.  The BB code is irrelevant.  They both work as expected (outputting an <img src> tag).

The problem is with the forum software.  It uses the wrong disposition (an HTTP protocol thing) for the stream.  After pasting the image URL then appending ";image" overcomes the problem.  The forum software then uses the correct disposition.
My brain seems to be working very slowly this morning.

Are your comments about the reference to the image file that appears at the bottom of a post?
OR are you referring to the BB code that displays the image?

In both cases I believe my mini-tutorial just uses the standard features of the Forum and I don't see how my mini-tutorial can compensate for a short-coming in the Forum software.

When I click your first link I get a box asking if I want to save the file. If I click your second link I get the image in my browser. However if I have used the image-icon to include the image in my post there is no need to click the link at the bottom of the post so the difference between the actions seems irrelevant.


If you would like to post a few sentences of advice for users that will solve the problem I will certainly consider including them in my Original Post.


...R
Title: Re: Simple guide for inserting images in a post
Post by: PeterPan321 on Dec 27, 2017, 07:27 pm
This is my attempt to provide the essentials for inserting an image into a post. If you want more details there is a very long Thread about inserting images here (http://forum.arduino.cc/index.php?topic=364156.0)


...R
Thanks Robin. That does make it simpler, and I guess it will remain to be seen if doing things this way causes issues with some browsers.

One additional annoyance is that anytime I try to edit a post, the system will complain that I have made too many edits in the past 5 minutes, and suggests I try again later. This even happens when it was the first edit I tried that day. Since its very easy to forget to go back and "try again later". Is there any trick to circumvent that?
Title: Re: Simple guide for inserting images in a post
Post by: larryd on Dec 27, 2017, 07:34 pm
After you make 100 posts that restriction goes away.


.
Title: Re: Simple guide for inserting images in a post
Post by: Coding Badly on Dec 29, 2017, 02:10 am
If you would like to post a few sentences of advice for users that will solve the problem I will certainly consider including them in my Original Post.
How does this grab you...

Third, edit your post, position the cursor where you want the image to appear, click the image icon,

{circled image icon graphic}

paste the URL into the box, type ;image, then click Insert. When you save the modified post the image should be visible.

Title: Re: Simple guide for inserting images in a post
Post by: Robin2 on Dec 29, 2017, 12:24 pm
paste the URL into the box, type ;image, then click Insert. When you save the modified post the image should be visible.
That seems simple enough. But you have still not explained in a way that I can understand WHY this is necessary.

Are you saying that without the word ";image" being added the picture is invisible to Internet Explorer users? I find that hard to believe because I have not seen a flood of complaints from Forum members.

If the Forum does not work properly for IE users shouldn't that be fixed by the Forum software people?

Also, is this problem limited to images that are hosted on the Forum website or does it apply to every image?

Please provide a bit more in the way of context.

...R

Title: Re: Simple guide for inserting images in a post
Post by: Coding Badly on Dec 29, 2017, 08:03 pm
Are you saying that without the word ";image" being added the picture is invisible to Internet Explorer users?
Correct.  (With the change of "to some Internet Explorer users".)

Quote
I find that hard to believe because I have not seen a flood of complaints from Forum members.
I believe earlier versions of Internet Explorer worked the way Firefox and Chrome work.  (I no longer have a computer I can use to test.)

Quote
If the Forum does not work properly for IE users shouldn't that be fixed by the Forum software people?
Probably.

Quote
Also, is this problem limited to images that are hosted on the Forum website or does it apply to every image?
Images hosted here.

Title: Re: Simple guide for inserting images in a post
Post by: Robin2 on Dec 29, 2017, 09:15 pm
OK, does this piece of text explain the situation adequately and correctly?

[start]
Apparently images presented using the standard Forum BB code (like this)
[img]http://forum.arduino.cc/index.php?action=dlattach;topic=519037.0;attach=239016[/img]
are not visible on some versions of Internet Explorer. Until such time as the Forum programmers fix this you can help IE users by adding ;image to the BB code so that it looks like this
[img]http://forum.arduino.cc/index.php?action=dlattach;topic=519037.0;attach=239016;image[/img]
[/end]

However I must say I am reluctant to include this as it really seems to be a problem that the Forum developers should deal with. I certainly would not wish to see any Forum user criticized for not including ";image" in a Post.

If there was a clamour from several Forum users I might feel differently about it.


...R
Title: Re: Simple guide for inserting images in a post
Post by: larryd on Dec 29, 2017, 09:47 pm
Oh my, things are getting more and more complicated.  :smiley-confuse:

Title: Re: Simple guide for inserting images in a post
Post by: Robin2 on Dec 29, 2017, 10:09 pm
Oh my, things are getting more and more complicated.  :smiley-confuse:
I don't think that is completely fair. What's your own view about suggesting that users include ;image to facilitate Internet Explorer users.

...R
Title: Re: Simple guide for inserting images in a post
Post by: larryd on Dec 29, 2017, 10:21 pm
Being old and lazy, I just want to:
Attach my image, copy the url to it (or copy a url of an internet image) then use
 [img]     [/img]
Or
[center][url=http://][img width=500]http://[/img] [/url][/center]


Wish the sponsors would put things back to the way it was 3 years ago, but that won't happen.

Title: Re: Simple guide for inserting images in a post
Post by: Coding Badly on Dec 30, 2017, 04:43 am
OK, does this piece of text explain the situation adequately and correctly?
I like it.

Quote
However I must say I am reluctant to include...
I'm on the fence.  Adding the extra bit is annoying.  But not adding it excludes a small audience.

A footnote perhaps?

Quote
If there was a clamour from several Forum users I might feel differently about it.
Exactly.

Which is why I'm deferring the decision.  But the situation deserves discussion.

Title: Re: Simple guide for inserting images in a post
Post by: Robin2 on Dec 30, 2017, 09:28 am
Which is why I'm deferring the decision.  But the situation deserves discussion.
I like that course of action. :)

I will put the text from Reply #13 into a new Reply so it stands on its own without comments and I will include a line in my Original Post to refer readers to it.

...R
Title: Re: Simple guide for inserting images in a post
Post by: Robin2 on Dec 30, 2017, 09:28 am
Apparently images presented using the standard Forum BB code (like this)
[img]http://forum.arduino.cc/index.php?action=dlattach;topic=519037.0;attach=239016[/img]
are not visible on some versions of Internet Explorer. Until such time as the Forum programmers fix this you can help IE users by adding ;image to the BB code so that it looks like this
[img]http://forum.arduino.cc/index.php?action=dlattach;topic=519037.0;attach=239016;image[/img]

...R

PS this text first appeared in Reply #13
Title: Re: Simple guide for inserting images in a post
Post by: Robin2 on Dec 30, 2017, 09:35 am
Being old and lazy, I just want to:
I suspect you are not as lazy as you pretend so maybe you could take a few minutes to write a Reply that explains to people how to size and position an image. I can then mention it in my Original Post

...R
Title: Re: Simple guide for inserting images in a post
Post by: Coding Badly on Dec 31, 2017, 03:13 am
I will put the text from Reply #13 into a new Reply...
Perfect.

Title: Re: Simple guide for inserting images in a post
Post by: Coding Badly on Dec 31, 2017, 03:16 am
Bookmarked.
...cross-linked and sticky-swapped.

Title: Re: Simple guide for inserting images in a post
Post by: larryd on Jan 01, 2018, 01:46 am
I suspect you are not as lazy as you pretend so maybe you could take a few minutes to write a Reply that explains to people how to size and position an image. I can then mention it in my Original Post

...R
Maybe something from this post, see bottom image, <--- click me:
http://forum.arduino.cc/index.php?topic=433904.msg2990844#msg2990844 (http://forum.arduino.cc/index.php?topic=433904.msg2990844#msg2990844)

(http://farm6.static.flickr.com/5126/5214773983_9e79d33b5f.jpg) <--- click me





Title: Re: Simple guide for inserting images in a post
Post by: Robin2 on Jan 01, 2018, 11:00 am
Maybe something from

How about sharing the work by turning "maybe something from" into a self-contained Reply here so that I can put a link in my Original Post that says "Reply #XX explains how to size and position images"

...R
Title: Re: Simple guide for inserting images in a post
Post by: mattlogue on Jan 30, 2018, 12:51 am
I have specific problems trying to use links from Google Photos. I think I know why, the link damn site uses is not to an image, but to a frame. Maybe drive doesn't screw with things...
Title: Re: Simple guide for inserting images in a post
Post by: Robin2 on Jan 30, 2018, 01:19 am
I have specific problems trying to use links from Google Photos. I think I know why, the link damn site uses is not to an image, but to a frame. Maybe drive doesn't screw with things...
Some picture hosting sites are specifically designed so their images cannot be embedded in other web pages. That is not an Arduino Forum problem.

...R
Title: Re: Simple guide for inserting images in a post
Post by: Robin2 on Apr 13, 2019, 05:42 pm
Most cameras (including smartphones) include EXIF data in their JPG files and the Forum software seems not to like that.

If you find that your attempt to upload a JPG is rejected then a simple solution is either to convert the image to a PNG file with your photo-editing program or make a completely new JPG file from a selected part of the original.

...R