Added Photobucket image insert

[optigon]

Refresh your cache to see a new icon in the forum Editor Toolbar when writing a post.
Perhaps not the best implementation, but it works.

1. Press the Photobucket icon
   
2. In the window that pops up, choose your image
   
3. Copy and Paste the IMG code to your post where you want the image to appear
   

[oort]

optigon,
Thanks for adding this to the forum. Testing...


Looks like it works...

Maybe they will add thumbnail support in the future...

Thanks again!
oort

[optigon]

You can resize images by adding dimensions to the opening img tag.

Code:

[img=50x50]http://img.photobucket.com/albums/v635/oort/metaltutor3.jpg[/img]

[oort]

I see that if you add "th_" to the front of the image name... you can get thumbnails that way too. Although they are probably larger than what would be considered a thumbnail...

I haven't figured out how to make a thumbnail that you can click and have the larger image show up yet.

oort

[micheus]

I haven't figured out how to make a thumbnail that you can click and have the larger image show up yet.

oort, I think that it would be an MyBB issue.
I already have noticed that the same code I used for this thumbnail from Imageshack works on old forum, but not here (example):

Code:

[URL=http://img641.imageshack.us/i/calculatorr.jpg/][IMG]http://img641.imageshack.us/img641/7220/calculatorr.th.jpg[/IMG][/URL]

---

Edit

---

I just made a search and found this thread on MyBB Community Forum. Maybe it can help Optigon to fix it.

[optigon]

Code:

[img link=http://img641.imageshack.us/img641/7220/calculatorr.jpg]http://img641.imageshack.us/img641/7220/calculatorr.th.jpg[/img]

I added a 'link=' tag to the img so you can designate a link to open when the image is clicked.

Now if you use the image icon to insert an image, the link tag will prepopulate and you can change it to the page you would like to go to whne it's clicked, regardless of the image location.

Obviously, this change is only affective from this point onward.

[Fonte Boa]

Here all is working without problems: in photobucket i click on Direct Link code (to copy it), then in forum, i click on icon "insert image" and paste it where the url is asked:



And the result (as this one above) is:



Why do you want a thumbnail in forum if it is possible to post the image direct link?

ps: isnt it a beautiful painting? The author is Winslow Homer: i love his work!

[oort]

Fonte Boa,
It is indeed a beautiful painting...

We are talking about doing it using the "Insert Photobucket image" icon next to the "insert hyperlink" icon. This works fine if you are using the image at its original size.

When one has extra large size images it is nice to have a thumbnail image that you can click and have the larger image open up in a new window. It helps to avoid having a thread that takes a long time to open because of large images.

Example of clickable thumbnail

The dragon in the first post of the thread linked above is an example. Not the best since the full size image isn't that big...

oort

[optigon]

For Photobucket you would have to manually enter the proper syntax. Just add the link syntax to the first img tag.

Code:

[img link=http://link_to_anywhere.com]http://link_to_the_displayed_image.com[/img]

[micheus]

Optigon, is there any change to get the thumbnails side by side if we don't use CR/LF after each link? (in the old forum I used to enter html table code)

It would be good, because in some situations the post can become very long. (see it here)

TIA

p.s. I also tried to make three separated posts, but they were always put together - separated by a horizontal bar