Go Down

Topic: Simple guide for inserting images in a post (Read 5701 times) previous topic - next topic

Robin2

Dec 26, 2017, 07:00 pm Last Edit: Dec 30, 2017, 09:31 am by Robin2
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


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.

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
Two or three hours spent thinking and reading documentation solves most programming problems.

larryd

No technical PMs.
The last thing you did is where you should start looking.


Robin2

Nothing about this?
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
Two or three hours spent thinking and reading documentation solves most programming problems.

Coding Badly

#4
Dec 27, 2017, 10:25 am Last Edit: Dec 27, 2017, 10:27 am by Coding Badly

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



Robin2

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
Two or three hours spent thinking and reading documentation solves most programming problems.

Coding Badly

#6
Dec 27, 2017, 11:13 am Last Edit: Dec 27, 2017, 11:15 am by Coding Badly

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

...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

...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.


Robin2

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
Two or three hours spent thinking and reading documentation solves most programming problems.

PeterPan321

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


...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?

larryd

After you make 100 posts that restriction goes away.


.
No technical PMs.
The last thing you did is where you should start looking.

Coding Badly

#10
Dec 29, 2017, 02:10 am Last Edit: Dec 29, 2017, 02:10 am by Coding Badly
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.


Robin2

#11
Dec 29, 2017, 12:24 pm Last Edit: Dec 29, 2017, 12:25 pm by Robin2
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

Two or three hours spent thinking and reading documentation solves most programming problems.

Coding Badly

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.


Robin2

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
Two or three hours spent thinking and reading documentation solves most programming problems.

larryd

Oh my, things are getting more and more complicated.  :smiley-confuse:

No technical PMs.
The last thing you did is where you should start looking.

Go Up