Author

Topic: [Tutorial] How to add image, resize image and make image clickable (Read 3178 times)

member
Activity: 637
Merit: 11
Did put Images before on own host.

Is there a problem with that currently, because the image is always cut of, despite how small I do it....

Size 58 kb only

Thanks

Edit: Seems to be gone after half hour of waiting.
copper member
Activity: 783
Merit: 710
Defend Bitcoin and its PoW: bitcoincleanup.com
...I want to take a part of image without cutting it in paint or in whatever dav and map it with link.

It's very easy... You cannot do that here Smiley
No links embedded in half a picture, no pixel tracking of any kind, no shenanigans of the sort. Simple is better.
member
Activity: 963
Merit: 57
<...>
Take a look at the examples in the following guide: Guideline on posting images (with size adjustments), hyperlinks.

It’s done through the BBCode Syntax. There’s no need to play around with the image, except to assure the size is under 2,5Mb.


I have searched through the internet and I did not find a proper solution. The tutorial you sent me only shows how to insert a hiperlink to whole image. I want to take a part of image without cutting it in paint or in whatever dav and map it with link.
legendary
Activity: 2338
Merit: 10802
There are lies, damned lies and statistics. MTwain
<...>
Take a look at the examples in the following guide: Guideline on posting images (with size adjustments), hyperlinks.

It’s done through the BBCode Syntax. There’s no need to play around with the image, except to assure the size is under 2,5Mb.

<...>
As far as I'm aware, the hyperlink applies to the whole image, and cannot be applied to part.
member
Activity: 963
Merit: 57
What about if I want to take part in the image and make it clickable?? Is it possible or do I have to cut a part of image and make it manually?
member
Activity: 785
Merit: 34
SOL.BIOKRIPT.COM
Apart from making use of imgur.com is there no other ways to upload images online and get the link and use it on bitcointalk.org. because seems Imgur is a little bit complicated trying to upload images one after the other.
legendary
Activity: 2282
Merit: 3014
_snip_
You cant use an album link wrapped in img code from what I’ve read either. Any help greatly appreciated!

Afaik, one [img] code can only display one image. Can't display several pictures at a time, let alone all the pictures in a folder.
And I'm sure this also applies before I come to this forum. This is based on my experience as another SMF member before.

Let me know if I misunderstood the purpose of your question. Grin

Yeah you kinda did lol. I appreciate your response tho! I believe the shared address generated when uploading a photo, even a single photo, is considered an album.  Someone around here surely knows the dealio w/this   Huh
hero member
Activity: 1778
Merit: 709
[Nope]No hype delivers more than hope
_snip_
You cant use an album link wrapped in img code from what I’ve read either. Any help greatly appreciated!

Afaik, one [img] code can only display one image. Can't display several pictures at a time, let alone all the pictures in a folder.
And I'm sure this also applies before I come to this forum. This is based on my experience as another SMF member before.

Let me know if I misunderstood the purpose of your question. Grin
legendary
Activity: 2282
Merit: 3014
I have tried to figure this out for a good mn this morning w/no luck,  so now looking for some help..

I am on cell and trying to imbed a photo. It’s simple to do on desktop (shared links- bbc code). Used to be able to use Imgur mobile but they recently shut that down (lack of use). . Now it’s desktop or app. As far as I know there’s no way to get shared codes from the imgur app. You cant use an album link wrapped in img code from what I’ve read either. Any help greatly appreciated!
legendary
Activity: 2240
Merit: 3150
₿uy / $ell ..oeleo ;(
member
Activity: 963
Merit: 57
Are parameters in Pixels or what? I can't figure it out.
jr. member
Activity: 106
Merit: 2
Thanks for this. May I add a follow up question? Can I do new tabs instead of redirecting after clicking the image? Is this possible? What codes needed on that. Sorry for this question. I'm not a web developer, I only have few basic knowledge in coding.
legendary
Activity: 3654
Merit: 8909
https://bpip.org
You neglect to mention the fact that Newbies cannot post images - they would require a copper membership to do that. Try harder. Smiley

Edit - you also neglect to mention the imgur link MUST have a jpeg/png extension. Linking to an "album" in imgur using img tags fails with proxy error.

Lol Thanks for that. I was asked to make a page for our ICO. But tought what am I doing wrong with these images.

So it's not possible for new ICO's to make a thread about their ICO?

https://bitcointalksearch.org/topic/newbies-can-now-pay-a-small-fee-to-enable-images-2385104
member
Activity: 486
Merit: 27
HIRE ME FOR SMALL TASK
I think that this should be added to op. 
Post images : " those who want and those who doesn't want".
jr. member
Activity: 142
Merit: 2
You neglect to mention the fact that Newbies cannot post images - they would require a copper membership to do that. Try harder. Smiley

Edit - you also neglect to mention the imgur link MUST have a jpeg/png extension. Linking to an "album" in imgur using img tags fails with proxy error.

what i need for a junior member? i will make a post with images, but i cant.



first of all try to read all the guidelines and rules in this forum before anything else. you are eager to post images for what? to have merits? as what "owlcatz" mentioned, newbies cannot post images.

try to visit this thread in order for you to learn everything about this forum. Wink
https://bitcointalksearch.org/topic/unofficial-list-of-official-bitcointalkorg-rules-guidelines-faq-703657
full member
Activity: 322
Merit: 113

Thank you for the translation. This will help more people to know the function related to adding and resizing images.  Smiley
sr. member
Activity: 375
Merit: 1021
Just in case no one loves you, I love you 3000.
full member
Activity: 322
Merit: 113
You neglect to mention the fact that Newbies cannot post images - they would require a copper membership to do that. Try harder. Smiley

Edit - you also neglect to mention the imgur link MUST have a jpeg/png extension. Linking to an "album" in imgur using img tags fails with proxy error.

what i need for a junior member? i will make a post with images, but i cant.



To advance to jr member, you would need 30 activity.

Based on the forum rules, activity is calculated this way:

Quote
activity = min(time * 14, posts)
Note: time = number of two-week periods in which you've posted since your registration

Looks like you registered in 2016, I think as long as you reach 30 posts your activity will increase to 30. Please note that Activity is updated every hour.
full member
Activity: 322
Merit: 113
Adding image in your post is not that hard, you just need to follow these steps (please note that you need to be in a position higher than Newbie):

This is not working with .png format. You better do that:

You can go to the drop down many, next to the "Copy" button and select "get share links".
There you go for "BBcode Forums".

There are already many threads like this, just search the forum.

Thank you for the suggestion! I added this to the post as well Smiley
legendary
Activity: 2240
Merit: 3150
₿uy / $ell ..oeleo ;(
Adding image in your post is not that hard, you just need to follow these steps (please note that you need to be in a position higher than Newbie):

This is not working with .png format. You better do that:

You can go to the drop down many, next to the "Copy" button and select "get share links".
There you go for "BBcode Forums".

There are already many threads like this, just search the forum.
full member
Activity: 322
Merit: 113
Just added one more thing to the post, if you want some text to show while the image is still loading, you can add the alt property to your img tag, so that it will be like:

Code:
[img alt=image loading...]https://i.imgur.com/lUr20xA.jpg[/img]


This way people will know there is some image to expect, and not thinking that your post is empty.
full member
Activity: 322
Merit: 113
Lately im curious on how to add image here in the forum since i dont really do it at least once. This thread is helpful for those who wants to learn how to add image because its simple and well explained. Goodjob!

I am glad that you find it useful. Thank you for your support!  Cheesy
full member
Activity: 409
Merit: 103
Lately im curious on how to add image here in the forum since i dont really do it at least once. This thread is helpful for those who wants to learn how to add image because its simple and well explained. Goodjob!
legendary
Activity: 3570
Merit: 1959
Awesome attempt to get merit, I hope you get none

You should add in the OP how to resize images

What's the matter KY, normally you are not such a meanie... Did TMAN get you in a bad mood already? Cheesy
full member
Activity: 322
Merit: 113
Awesome attempt to get merit, I hope you get none

You should add in the OP how to resize images

Thanks for the suggestion! I just added details about how to resize images.  Smiley

Feel free to let me know if there is any additional information I can add to my post, so that it will be more helpful for other users. Thanks.
hero member
Activity: 2254
Merit: 960
100% Deposit Match UP TO €5000!
Awesome attempt to get merit, I hope you get none

You should add in the OP how to resize images
full member
Activity: 322
Merit: 113
Anybody knows how to add youtube videos in this forum? is there any special code for it?

Yeah seems that we cannot directly add youtube videos in the post itself. What you can do is create a text or image and link the url to the actual youtube video.
legendary
Activity: 2758
Merit: 6830
Anybody knows how to add youtube videos in this forum? is there any special code for it?
You can't embed a YouTube video. You can only use the url tag to redirect the users to your video.

What some users/ICO do is add a fake youtube thumbnail image with a link to the video. But the video won't play in the thread page.
legendary
Activity: 3570
Merit: 1959
Anybody knows how to add youtube videos in this forum? is there any special code for it?

Code:
yeah, the [url=youtube link here]Text of link here[/url]
full member
Activity: 174
Merit: 150
Anybody knows how to add youtube videos in this forum? is there any special code for it?
full member
Activity: 322
Merit: 113
You neglect to mention the fact that Newbies cannot post images - they would require a copper membership to do that. Try harder. Smiley

Edit - you also neglect to mention the imgur link MUST have a jpeg/png extension. Linking to an "album" in imgur using img tags fails with proxy error.

Thank you so much for pointing this out! I just added these two points to my post above.  Smiley
legendary
Activity: 3570
Merit: 1959
You neglect to mention the fact that Newbies cannot post images - they would require a copper membership to do that. Try harder. Smiley

Edit - you also neglect to mention the imgur link MUST have a jpeg/png extension. Linking to an "album" in imgur using img tags fails with proxy error.
full member
Activity: 322
Merit: 113
Adding image in your post is not that hard, you just need to follow these steps (please note that you need to be in a position higher than Newbie):

  • Step 1: Upload your image to site like https://imgur.com/. Then there are two ways:
    • For image that are not in ".png", you can simply right click on the image to Copy Image Address/Location. You will get some link like this: https://i.imgur.com/lUr20xA.jpg
    • Another way works for all image format, you can click the dropdown list on the right of the "Copy" button, then choose "Get share links", and copy the one for "BBCode(Forums)".
  • Step 2: Use the following code in your post, your image will show:

Code:
[img]https://i.imgur.com/lUr20xA.jpg[/img]

This is what you will see after you insert the above code in your post:


 ******************************************************************************************************************************

HOW TO RESIZE YOUR IMAGE?

You can add width and height to the code to resize image, the code will look like this:
Code:
[img width=200 height=150 alt=image loading...]https://i.imgur.com/lUr20xA.jpg[/img]

What you will see after resizing:
image loading...

You can also add alt property to the img tag so that even if your image is still loading, it will show some text so that the user knows there will be some image appear later.

 ******************************************************************************************************************************

HOW TO MAKE THE IMAGE CLICKABLE?


If you want your image to be clickable (once click redirect to another website), you can use the following code in your post:

Code:
[url=https://bitcointalk.org][img]https://i.imgur.com/lUr20xA.jpg[/img][/url]

This way once you click the image, it will take you to another website (in my example bitcointalk homepage). You can try below:





Note:
- Newbie CANNOT post image.
- imgur link MUST have a jpg/jpeg/png extension. Also link to an album in imgur will result in proxy error.


Hope this post will help a little bit. Thanks!  Smiley Smiley Smiley
Jump to: