« Previous post - - Next post »

Flickr pictobrowser plugin for wordpress

23 July 2007

I heard about pictobrowser from Julie and like this much better than the flickr slideshow. However, since “object” and “iframe” are stripped out of wordpress for security reasons, I could no longer embed pictobrowser object directly. Therefore, I modified the flickr slideshow plugin to embed pictobrowser.

  1. Download the plugin (.zip) here.
  2. Unzip/install the plugin in your wp-content/plugins directory
  3. Activate the plugin within wordpress.
  4. Usage:Once activated you can embed slideshows in your blog post as follows:
    [pictobrowser user_id set_id]

Please feel free to modify the plugin to include tags, and other parameters of pictobrowser. If you do modify the plugin, I would really appreciate if you would inform me of the updates (so that I can use the updated plugin).

Here is the plugin in action (these are photos of Myvatn, Iceland):


Posted in Interesting Finds | Trackback | Top Of Page

Related Posts:

    61 Responses to “Flickr pictobrowser plugin for wordpress”

  1. Ricardo Ortega Says:

    Hi,

    Thanks for this extremely useful plug in. Changin the values of

    define(“PB_WIDTH”, 410);
    define(“PB_HEIGHT”, 390);

    I got the plugin the match the size of my content.

    Invaluable…

    Thanks,

    Ricardo

  2. Ricardo Ortega » Blog Archive » PictoBrowser via plugin… otro test Says:

    [...] test usa el plugin flickr pictobrowser de Kumara Sastry. Es una forma más sencilla de introducir el slideshow en tu blog. Por ahora el [...]

  3. Confessions of a Photographer Says:

    [...] Eens proberen of ik de complete Flickr Set kan integreren in deze pagina via Pictobrowser (gezien bij de geweldige Pietel, die het op zijn beurt weer ontdekte bij de geweldige Ine). Na wat googelen is het gelukt via deze wordpress plugin. [...]

  4. indojepang Says:

    thank’s a lot kumarasastry for this plugin! My headache cured since i found this page of yours :) Thank u again..

  5. Yogi @ Lissalo.com » Blog Archive » Check out my flickr slideshow Says:

    [...] messed up my blog layout with the embedded link. So I went to my good friend Google and found this modified pictobrowser plugin for WordPress by Kumara Sastry at his blog. His plugin didn’t mess up my layout but no there were no [...]

  6. Diego Bauducco Says:

    This is awesome!

    would it be ok if we add a link to this site from pictobrowser.com?
    Best,

    Diego

  7. Kumara Sastry Says:

    Diego

    Sure thing! Thanks in advance for linking my site. Pictobrowser is an amazing slideshow tool, thanks for developing it.

    Kumara

  8. despuesdegoogle » » Plugin de Pictobrowser para WordPress Says:

    [...] Si quieres integrar este servicio web en tu blog WordPress, en Kumatra Sastry encontrarás un plugin. [...]

  9. Pictobrowser: Un explorador de fotos como plugin para WP - Incubaweb 2.0 Bitácora del Software, Web 2.0, Beta, Windows, Linux, Mac OS X, Open Source, .... Says:

    [...] si te gustara tenerlo ya como base y no como un código embebido, puedes bajar el plugin desde el sitio de Kumatra Sastry donde quedará fijo y la actualización de las fotos se [...]

  10. Pictobrowser, plugin para explora fotografías en WP Says:

    [...] si te gustara tenerlo ya como base y no como un código embebido, puedes bajar el plugin desde el sitio de Kumatra Sastry donde quedará fijo y la actualización de las fotos se realiza [...]

  11. Ibrahim Says:

    Works fine in Firefox, but not in IE6. Any ideas?

    Many thanks.

  12. tom Says:

    Has anyone had luck altering Pictobrowser’s interface at all? I’d like to remove the “Photo Link” hyperlink that shows to the right side of each caption. Also, is anyone running Pictobrowser without the frame around it? (It shows up on any page that doesn’t have a white background.) I’d love to run it without. Thanks! Tom

  13. Jeremy Meyers Says:

    This plugin doesn’t seem to work on Pages either :(

  14. Kumara Sastry Says:

    The plugin will work on pages. Check the page template in the theme you are using.

  15. Kate Says:

    Is there a way to include multiple sets in one view, not have to have a big square for each set?

  16. ???? ????(Flickr) ???? ?? ?????? ???? ???????? ??? ???? ???? — ???? ????????? ???? Says:

    [...] ????? ????? ????? ??? ?? ???) ?? ?? ????? ?? ??? ?? ??? ?? ??????? [...]

  17. A whirl on the London Eye at Gifted Typist Says:

    [...] a new plug-in Pictobrowser from Kumara Sastry to link Flickr pictures. You control the pace by clicking the thumbnails below. Keep going as there [...]

  18. grfxmonkey Says:

    does anyone know if there is a way to affect the Alpha? i tried bgAlpha=\”8\” but it didn’t seem to work

  19. Jeremy Says:

    I know my credibility might be shot with #$%^ing up the pages comment earliet, but i haven’t been able to figure out how to use this plugin to post a group or pool. I even went into the source and replaced ‘sets’ with ‘groups’, and it doesn’t seem to be rendering at all.

    An update that can address this would be much appreciated!

  20. Eddie Says:

    Super plugin but I cannot use it because it didn’t work in IE!!! Can anybody tell me why?

  21. Kumara Sastry Says:

    @Tom, pictobrowser uses flash and therefore doesn’t allow for the changes you are looking for. You might want to contact the developers of pictobrowser.

    @Kate, currently flickr API (which is used in pictobrowser) doesn’t support display of collections. Therefore, you cannot in general display multiple sets. However, if you have multiple sets with a particular tag, you can then show multiple sets using that tag. If you want to use the tag, you need to modify the plugin to use tag instead of sets.

    @gfxmonkey, I am not sure what Alpha are you referring to?

    @Jeremy, to include groups, you need to edit the plugin source (flickrPictobrowser.php) and add “&source=groups” instead of sets. Also remember to add the group id (not the name but an id) and use it instead of the set id. That is, once you edit the plugin source, you can add the photos using .

    @Ibrahim and Eddie, you cannot see it in IE because of security settings in your IE. The plugin works on my webpage when viewed through IE on my home computer (IE 6 and IE 7).

  22. ya?am ve sa?l?k Says:

    does anyone know if there is a way to affect the Alpha? i tried bgAlpha=\”8\” but it didn’t seem to work

  23. erratik Says:

    how do I get this to work with tags where the tags are keywords, not numbers?

  24. ck Says:

    Hi, does this plug-in works on a mac? I am not sure how this will work, do you mind show me how to “install” it? Thanks!

  25. josep Says:

    Hello,
    I would like to use the picturebrowser plugin with files jpg hosted in my own server.
    It’s possible?
    Thanks. Josep

  26. Fotogallerien für Blogs und Homepages mit PicToBrowser | Wuensch-Media.de Says:

    [...] fertiggestellt ist, bietet PicToBrowser den zu kopierenden HTML-Code zur Einbindung im Blog an. Kumara hat ein Plugin für WordPress Blogs erstellt, um die die PicToBrowser Gallerie ganz einfach in [...]

  27. Design drawings of the old drum design for the Deft Coffee experimental sample roaster | Deft. Coffee Roasters. Says:

    [...] by some foodies (!) that pulls flickr set into your site. The wordpress plugin was written by Kumara Sastry. I altered it a bit to get the original size images to load and so you could zoom them and read the [...]

  28. Dave Ewald Says:

    Thanks so mucho for writing pictobrowser into wordpress. You have made a very clean, nice useful tool even more useful. I did alter it some so that I could use the zoom and pull the original sized file from flickr. Here is the altered code..

    thanks again,
    dave

    added:
    &imageSize=original
    &initialZoom=on
    &bgAlpha=90
    &initialScale=on

    changed: (to comply with site conventions)
    PB_WIDTH = 600
    PB_HEIGHT – 500

    */

    define(“PB_WIDTH”, 600);
    define(“PB_HEIGHT”, 500);
    define(“PB_REGEXP”, “/\/”);
    define(“PB_TARGET”, “”);

  29. Adrienne Says:

    Kumara,
    This is fabulous! I used Diego’s “Pictobrowser Builder” at http://www.db798.com/pictobrowser/builder.php to make a slideshow with all the modifications I needed. Then I gingerly edited your plugin to match. Now I can work with WordPress pages and posts that contain a Pictobrowser without crashing my template. I still have to use the Builder to find out what my userID# and setID# is every time, but I’m guessing if I tried hard, I could find those on Flickr.
    Anyhoo, thanks for making my life much easier.

  30. ianandoana.com » Blog Archive » Tofino - Easter 2008 Says:

    [...] For the long weekend, we rented two cabins on Chesterman Beach and had a great time. There were 8 adults, 3 kids and 2 dogs. This post is really just an excuse to link to the Flickr photo set using this cool PictoBrowser plug-in: [...]

  31. El Marco Says:

    Just started using WordPress, and I’m so glad I came across your plug in, Kumara. Thank you for making such a user-friendly, elegant way to show my flickr photos in my blog.

    One suggestion for an improvement is to increase the font size of the image title and notes.

  32. Vic Says:

    Hi there,
    Know anyone which plugin to use if I want only a part of the article to be displayed? If someone want to read more there will be a “read more” link…
    On my blog right now is displayed all of article content and I don’t want this…
    I’m talking about the latest 10 articles displayed on the first page of my blog.
    I’m using WordPress.
    Can anyone help?

  33. manken Says:

    thanks…

  34. Richard Says:

    I see the post:

    The plugin will work on pages. Check the page template in the theme you are using.

    but what am I looking for to make it work?

  35. volkan Says:

    Thansk. Very good pulign.

  36. Jared Says:

    Hi – I am very new to WordPress, and I have never used Plugins before.
    I have downloaded and activated the plugin, but don’t know where I am supposed to insert the code!

    (from the example)

    I’ve tried putting into index.php but I think I may be barking up the wrong tree!

  37. Jared Says:

    that big white space in the above post is just where I pasted the code I was referring to (with the Flickr Id etc)

  38. ???? ????? » Blog Archive » ???? ????(Flickr) ???? ?? ?????? ???? ???????? ??? ???? ???? Says:

    [...] ????? ????? ????? ??? ?? ??? ) ?? ?? ????? ?? ??? ?? ??? ?? ??????? ????? (No Ratings Yet)  Loading … [...]

  39. Torley Says:

    I <3 Pictobrowser and have been looking for an easier way to embed ‘em without having to modify settings each time. This looks like the ticket, and I shall try it out. Thx! :)

  40. Adam Says:

    Hi Kumara, thanks for the great plugin. This solved my WordPress problem. When i paste the code from the Pictobuilder into the WP editor, the editor replaced the “&” with & AAAARGHH….

    But with your plugin the problem was solved.

    Something nice to know!!
    If you Ad: &initialScale=on &imageSize=original to you Flashvars VALUE and the image will be fullscreen in the placeholder you defined.

    Greetz,
    Adam Hoogendam

  41. Gudrun Says:

    thanks for this great solution! And just to clarify, since I was having this (newbie) problem – I just took this line:

    placed it in my blog post where I want the pictobrowser to go, then found the user_id and set_id from the original pictobuilder and put in the values. I left the [] around the set and all is well.

    Thank you!

  42. Blog Roundup for the 23rd of July 2007 :: Christopher Ross Says:

    [...] for July 23rd 2007. bobbyh on “Plugin: List Bookmarks” is superb. It was worth reading Flickr pictobrowser plugin for wordpress. BarCampRDU needs and reminders had some splendid points. Take a look at Weird WordPress Settings [...]

  43. Zodomatica - Bits of Tzaddi's Life Says:

    [...] PictoBrowser plugin – haven’t tried it myself. Have you? [...]

  44. Pictobrowser [Flash] at CreativeApplications.Net Says:

    [...] you are using WordPress, also have a look at this plugin by Kumara Sastry for embedding Pictobrowser slideshows into your [...]

  45. Caro :) Says:

    Hi Kumara,

    Thank you for your hard work!

    For some reason I cannot get the pictobrowser plugin to work. Your Flickr (the iframe version) works fine for me though.

    My page I am working on is at http://visualpique.thinkpinkcreative.com/?page_id=3 I used the exact same user and set ids and just put them on top of each other:

    The pictobrowser one just shows the code verbatim rather than calling out your plugin.

    Some other questions:
    - Is there any way to get the slideshow to autoloop rather than ask at the end if I want to see them again?
    - Is there any way to change the default time each photo is shown instead of the 5 seconds it usually is?
    - And, is there any way to change the background color?

    Thank you again for your time. – Caro :)

  46. Caro :) Says:

    I am so sorry for cluttering up your comments area! Well, it is strange, both work fine on your site :(

    Another question (sorry, i have so many!):
    - is there any way to enable autoplay and loop in Pictobrowser?
    - is there any way to keep the Notes area visible at all times rather than just when mousing over the Notes link?
    - is there a way in either plugin to call out photos by a tag amongst a user’s photos?

    Thanks again for your time, and apologies again for cluttering up your page :( – Caro

  47. Caro :) Says:

    Hi again,

    OK, I just figured out why the pictobrowser plugin was not working for me: I looked under the HTML of the page and for some reason it had inserted before and after every single word / id number! After deleting those it worked fine.

    Well, still curious about my questions above if you have time to answer them. I’m sorry, I’m such a noob!

    - Caro :)

  48. BlogChris » Blog Archive » Pictobrowser test Says:

    [...] Here are some photos from Flickr as displayed in Pictobrowser (see Kumara’s WordPress plugin) [...]

  49. reymos Says:

    Ive tried but i cannot open the plugin file. Please advise on how to do it. Thanks.

  50. Talking Tech Friday - PictoBrowser « MCLC Library Tech Talk Says:

    [...] downside – WordPress does not play nicely and allow me to embed the slideshow.  There is a plug-in available for those that have access to their own WordPress installation, but I am too lazy to do that.  [...]

  51. Georgeina Says:

    Help! I don’t understand how to do this. can you/someone pls explain where I save the plugin to, and how do i then activate it from WordPress. V keen to use but need basic help!

    Thx
    Georgeina

  52. greenminute Says:

    Hi,
    can you guys enable viewing also private photos, especially by tags? Is it possible?

  53. Kumara Sastry Says:

    @greenminute, Flickr API to doesn’t allow for viewing private photos. Tags could be easily done by changing the plugin.

    @Georgeina, save the plugin to wp_content/plugins directory and then go to the Plugin managment tab in wordpress and activate it.

  54. Kumara Sastry » Blog Archives » Flickr pictobrowser plugin for wordpress | Squico Says:

    [...] In: WordPress plugins 12 Jul 2009 Go to Source [...]

  55. Hollandse Ochtend – mihasite Says:

    [...] foto’s worden naar een set op Flickr geupload en met een embedded slideshow van Pictobrowser uitgelezen op de [...]

  56. Wes and Fam » Post Topic » How to show your Flickr photo albums, sets, groups on a 3rd party site or blog Says:

    [...] PictoBrowser Plugin for WordPress by Kumara: http://www.kumarasastry.com/2007/07/23/flickr-pictobrowser-plugin-for-wordpress/ [...]

  57. jon Says:

    great plug-in, just one question. when using the WordPress PictoBrowser Plug-in, my dropdown submenu shows up behind the gallery. is there a way to set z-index so it would show up behind any submenu.
    also many flash objects still show up in front because the background needs to be set transparent.
    like in Kimili Flash Embed Tag Generator Plug-in, in which you need to set the wmode to transparent for it to display correctly.

  58. PictoBrowser make photo slideshow for website or blog » Flickr, Picasa, PictoBrowser, PictoBrowserOr, Wordpress, Kumara » Microstock News Says:

    [...] Or as a WordPress plugin, offered as a free download from: Kumara Sastry [...]

  59. Grham Says:

    is there a way to the number of photos shown? I’d like to limit to 50 photos if the photostream I’m using is over 500.

    thanks!

  60. Grham Says:

    is there a way to reduce the number of photos shown? I’d like to limit to 50 photos if the photostream I’m using is over 500.

    thanks!

  61. PictoBrowser make photo slideshow for website or blog Says:

    [...] Or as a WordPress plugin, offered as a free download from: Kumara Sastry [...]

Leave a Reply