Koozali.org: home of the SME Server
Contribs.org Forums => General Discussion => Topic started by: purvis on June 21, 2011, 08:49:57 PM
-
how do i place an image(jpg,png,bmp, etc) in a forum post
-
how do i place an image(jpg,png,bmp, etc) in a forum post
You will need to host it on the internet somewhere and then encapsulate the url to the image with the [ img ] [ /img ] tag. You can also paste the url to the image select it and click the (http://forums.contribs.org/Themes/core/images/bbc/img.gif)
More information: http://docs.simplemachines.org/index.php?topic=57.0
-
Thanks cactus.
That is good news that we can have images but a bummer in that images might not be there in the future.
Any ideas anybody on how to centralize this inside at the contribs.org location if the badwidth is large enough.
Or any ideas on how to place this in code maybe like base64 code to get around this limitation. Does a post have enough room for base64 characters for a small to medium jpeg or png.
-
How about a sme account at facebook, flickr, or google pictures or some idea like that to store pictures.
-
testing image placed at flickr
http://www.flickr.com/photos/64361734@N04/5859144433 (http://www.flickr.com/photos/64361734@N04/5859144433)
-
testing image placed at flickr
http://www.flickr.com/photos/64361734@N04/5859144433 (http://www.flickr.com/photos/64361734@N04/5859144433)
You should not use the [ url ] tag if you want the image to display, you should use the [ img ] tag.
Or any ideas on how to place this in code maybe like base64 code to get around this limitation. Does a post have enough room for base64 characters for a small to medium jpeg or png.
That is not supported and most likely will never be as there are some serious security issues with that IMHO.
-
Test image using purvis image in flickr :
(http://flic.kr/p/9VKDvB)
Edit : it does not work
-
Test image using purvis image in flickr :
(http://flic.kr/p/9VKDvB)
Edit : it does not work
Most likely because of flickr. My guess the URL is the URL to the web page and not to the image directly, look what happens when I use the image location of the thumbnail (FF, right click, copy image location):
(http://farm6.static.flickr.com/5075/5859144433_6c9cc2ce97_s.jpg)
Notice that the URL is quite different to the one you are posting.
-
Img tags do not work. Flickr did have that at one time as i believe i read that somewhere.
By allowing the imag to be shown, they lose marketing to the viewer.
I am surprised you got the thumbnail to display, good job on that.
Hopeful flickr will be around for sometime and i wanted something stable. Not even my websites are probably that stable and you should get good tcp throughput to display a bigger image than a thumbnail. I would think most websites available to the user forums do not have fast tcp upload bandwidth.
First, i did not like using flickr, but the more i thought about it, the more i liked it for posting in contribs.org.
High bandwidth from flickr
Pic not being displayed unless you select it will provide for faster web viewing of a contribs.org post.
Possibly links to safe media as mentioned above.
Video can be done also, as i read, even though youtube might be a first choice, a poster may like having a one stop shopping experience.
A link you can feel comfortable going to rather than some place that might carry something that could infect your computer.
A large area for a text under the pic at flickr that provids text that will help reduce cluttering up a forum post.
-
Thanks catcus, i would not of known you could do this direct displaying of an image in a forum post without you mentioning it.
I wanted to provide some more detail for others users based on your suggestion.
a open square bracket is [
a close square bracket is ]
for images, use the tags marks, img and /img
img is the tag mark that is used at the beginning of the and /img is tag mark that is used at the ending
when using tags marks, place them inside of square brackets
(open square bracket)tag mark used(close square bracket)
so your tag would look something exactly somthing like this,
(open square bracket)img(close square bracket)http://www.flickr.com/directory/grahicfilename(open square bracket)/img(close square bracket)
(http://farm6.static.flickr.com/5075/5859144433_6c9cc2ce97_s.jpg)
in the pic above i used the image tags marks (img and /img) inside square brackets with the below url in between the image tag marks
http://farm6.static.flickr.com/5075/5859144433_6c9cc2ce97_s.jpg
(http://farm6.static.flickr.com/5075/5859144433_6c9cc2ce97.jpg)
in the pic above i used the image tags marks ( img and /img) inside square brackets with the below url in between the image tag marks
http://farm6.static.flickr.com/5075/5859144433_6c9cc2ce97.jpg
ok
my litte tutorial
I am using Firefox(ver 3.5.19) web browser for this tutorial.
1. find a picture on flickr(you do not have to be logged into any account)
2. notice that in the above, catcus did not have to log into my account to present a thumbnail of my picture of an apple computer
apple computer? the pic of the apple computer was uploaded from my iphone, that i had taken weeks before, to show somebody that i had gotten their computer working.
3 currently at flickr, while viewing the image(in probably it's normal viewing state), there is an icon at the top(a +(plus) sign inside of a magnifying glass). Press that icon.
4. In the upper right of the next web page presented to you, click "view all sizes"
5. Then on the next web page presented to you, you will have choices of different pic sizes. Now pick one size to view the image with.
6. Now you use the copy and paste features of your operating system.
6a.The image should be displayed in your web browser for the size image you chose. Right click on(inside) the image shown on the web page being viewed, and then a dialog box should be presented to you in a pop up fashion allowing you to make a choice of variable selections on what to do next(basically what to do with this image). Choose the selection "copy new location".
6b. Then you insert(paste) the web page url descripton to the graphic image from flickr into the contribs.org forum post between two square bracketed image tags.
example
(open square bracket )img(close square bracket)http://farm6.static.flickr.com/5075/5859144433_6c9cc2ce97_m.jpg(open square braket)/img(close square bracket)
7 you are done.
sizes small to large
http://farm6.static.flickr.com/5075/5859144433_6c9cc2ce97_s.jpg
http://farm6.static.flickr.com/5075/5859144433_6c9cc2ce97_t.jpg
http://farm6.static.flickr.com/5075/5859144433_6c9cc2ce97_m.jpg
http://farm6.static.flickr.com/5075/5859144433_6c9cc2ce97.jpg
http://farm6.static.flickr.com/5075/5859144433_6c9cc2ce97_z.jpg
http://farm6.static.flickr.com/5075/5859144433_6c9cc2ce97_b.jpg
notice the two characters or lack of the them to the left of the .jpg, the fourth one has no special two characters
_s Square (75 x 75)
_t Thumbnail (100 x 75)
_m Small (240 x 180)
blank Medium 500 (500 x 375)
_z Medium 640 (640 x 480)
_b Large (1024 x 768)
-
I would think it would be prudent to not place images any larger than you have to in a forum post, because there are many people viewing this forum by cellular, dialup, and slow dsl connections and/or maybe using something such as iphone, ipad, or some other kind of non large display.
More than likely bitmaps(BMP) files are not supported by the img tags and should not be anyways, because the bmp format is uncompressed, if for no other reason.
I personally still think the url connection to view an image might still be of great help, specially when presenting many multiple large images. The fact you can post significant amounts of text with the image at flickr should prove beneficial to the viewer.
I think this thread about covers how contribs.org forum users can utilize images in a efficient safe way for all interested for a few years to come if yahoo does not go belly up.
-
Good job purvis.
I'd like to push LIKE button ...
wait, where's that damn LIKE button?
-
Thanks Thomas,
That was a lot of editing and reediting.
I am such a poor writer.
I even edited it more today to try to make it as easy to follow and clear for someone else to follow.