Photobucket Widget

By michal frackowiak

Description

Photobucket, an online photo gallery, offers a nice way to include your photos on your pages via “widgets”. There are several options when you create a widget, an example is shown below.

Code

[[embed]]
<embed type="application/x-shockwave-flash" wmode="transparent" src="http://w131.photobucket.com/pbwidget.swf?pbwurl=http://w131.photobucket.com/albums/p313/michal_frackowiak/1161469806.pbw" height="240" width="360"></embed>
[[/embed]]

In action

Rate this solution

If you think this solution is useful — rate it up! Or dump it otherwise.

Does not work as perscribed

Costia 1227565299|%e %b %Y, %H:%M %Z|agohover

I uploaded 6 pictures, created an album, and tried to copy the code and put it into the above given example code, however, i keep getting a oops! widget failed to load
oops! no media nodes in XML
oops! no widget type found
oops! invalid XML

i am not sure what i am doing wrong, or if there is a specific way to get the code from Photobucket. Honestly, all i want to do is upload some pictures from my desktop….but i can't find a simple way to do it…

Same experience.

Melange 1233518183|%e %b %Y, %H:%M %Z|agohover

I got the identical errors as Costia lists above.

Re: Same experience.

NotGaryStu 1233524069|%e %b %Y, %H:%M %Z|agohover

This is how I got the URL to use this snippet:

1. Sign onto Photobucket and go to your main album page.
2. In the top bar, there's a list of things like "albums&upload", "edit images", etc.. Mouse-over the one called "slideshows" and click "more styles…" This will take you to the Slideshow Creation page.
3. Add all the pictures you want to display to your slideshow and select the style in which you want to view it. Then click "3 Save Slideshow". Name your slideshow, save it.
4. In the next page, there will be a box called "Link code". In that box is a text box called "HTML Code: Websites and Blogs". The code in that box looks like this:

<div style="width:320px; text-align: center;"><embed type="application/x-shockwave-flash" wmode="transparent" src="http://w131.photobucket.com/pbwidget.swf?pbwurl=http://w131.photobucket.com/albums/p313/michal_frackowiak/1161469806.pbw" height="360" width="320"><a href="http://photobucket.com/slideshows" target="_blank"><img src="http://pic.photobucket.com/slideshows/btn.gif" style="float:left;border-width: 0;" ></a></div>

1. Basically, all you have to do is copy/paste the HTML embed tag and add </embed> at the end.

Hope this helps!

help with slideshow

The Incredibles 1255903371|%e %b %Y, %H:%M %Z|agohover

I cannot get my slideshow to work..i followed the directions above but I am not able to open it…any help?

Re: help with slideshow

Helmuti_pdorf 1255943671|%e %b %Y, %H:%M %Z|agohover

Can you insert here your "used embed code" by inserting between the
[[code]]
..
..
[[/code]]

lines ?

---

Service is my success. My webtips:www.blender.org, www.zusi.de (Demo-Video)

Wollen Sie Wikidot helfen im deutschen » Handbuch ?

Ed Johnson 1256002863|%e %b %Y, %H:%M %Z|agohover

While working on the Shared Photo Gallery Template, I ran into similar issues. I can't find any way to generate Wikidot-compatible [[embed]]...[[/embed]] code on Photobucket (the only reference to a "widget" I found was from a 2006 entry on the Photobucket blog). I ended up opting for an iframe/html code block solution. I suspect Photobucket still supports the old embed code but they don't seem to provide the code in that format for any newer albums or slideshows.

If you have a number of Photobucket albums to display, you may want to borrow some of the code from the template.

-Ed

---

iframe code

[[=]]
[[iframe http://YOUR-WIKI.wikidot.com/YOUR-PAGE/code/1 frameborder="0" scrolling="no" width="660px" height="550px"]]
[[/=]]

html code block

[!--
[[code type="html"]]
<div style="width:640px;text-align:right;"><embed width="640" height="480" src="http://static.pbsrc.com/flash/rss_slideshow.swf?rssFeed=http%3A%2F%2Ffeed635.photobucket.com%2Falbums%2Fuu74%2Fpizzageek%2Ffeed.rss" type="application/x-shockwave-flash" wmode="transparent" /><a href="http://photobucket.com/redirect/album?showShareLB=1" target="_blank"><img src="http://pic.pbsrc.com/share/icons/embed/btn_geturs.gif" style="border:none;" /></a><a href="http://s635.photobucket.com/albums/uu74/pizzageek/" target="_blank"><img src="http://pic.pbsrc.com/share/icons/embed/btn_viewall.gif" style="border:none;" /></a></div>
[[/code]]
--]

---

Free Wikidot Applications · Your Shared Photo Gallery · Your Personal Blog

last edited on 1256005906|%e %b %Y, %H:%M %Z|agohover by Ed Johnson + show more