Skip to content Skip to tags Skip to twitter news Skip to blog roll Skip to categories Skip to archives Skip to recent posts

November 20, 2007

Benjamin Sterling Galleries: Wordpress Photo/Image Gallery Plugin for Flickr & Picasa

by Benjamin Sterling in Photogallery, Plugin, Wordpress, Wordpress plugin, jQuery on November 20, 2007 @ 12:47 am

New Version and Name Change

The “Benjamin Sterling Galleries” plugin has been renamed and recoded with a ton of new features. The new URL is http://benjaminsterling.com/photoxhibit/ and although support will still be given for this version (1.6.2) I would suggest you checking out PhotoXhibit

Comments for this post are closed, please go to PhotoXhibit for support.

What is it?

A godsend plugin for anyone who wants to add a photogallery to their website using Wordpress and jQuery.

Download (current count: 1,810)

Download Benjamin Sterling Galleries Version 1.6.2

Features

  • Pull in photos / images, thumbnail and large size, from just about everywhere

    • from flickr via rss or their json api
    • from picasa via rss
    • from a local folder
    • from photos / images already in the Wordpress database
  • Ulilizes the jQuery JavaScript framework’s power and a ever growing list of great photogallery plugins
  • Drag and drop reordering of gallery images
  • Change functionality of your photogallery with few clicks of the mouse
  • Combine photos from multiple accounts and services
  • Embed your gallery in posts or anywhere on your site
  • Galleries are 508 compliant and will degrade nicely when JavaScripts are turned off
  • Preview your gallery on the fly

Resources

History

While wordpress does have a ton of image / photo galleries, I felt that none of them really gave you control over everything in an easy unobtrusive way. Not to say this this plugin is the is all be all, but it will get there.

In my hunt to find a good one for my wife and installing all the ones that I thought had what was needed, I found that none of them made it easy. My wife is a very smart woman, so when she gets frustrated with something it most likely not her. So after a few months of her beating me, I decided to build some jQuery gallery plugins which you can find on this site. This was able to keep her happy for a bit, but I had to go in and make changes everytime she wanted to add and image or take one out. After doing this a few times I decided to just put together a quick plugin that will take in the images via a picasa feed provided by her and let her do the changes her self.

After showing this plugin to a few other developers they suggested I should make it into a full fledge plugin and well, here it is.

Prerequisites

  • Wordpress 2.1 or higher
  • A Flickr account and api key or
  • A Picasa account or
  • Images in a local directory or
  • Images in your Wordpress database

Aside

Although this plugin was test on a pc in IE6, IE7, FF2, and Opera 9.24 and on IIS6 PHP5, Apache PHP4 & PHP5 and feel comfortable that this plugin will work flawlessly, I am the creator of the plugin, thus, I am naturally going to use it the way it is supposed to be used and not have any issues. That is where you come in, any and all comments and concerns should be posted asap and I will build up a punch list of fixes. Also, if there are jQuery or even other Javascript libraries that have nice photo / image gallery plugins, let me know and I will see what I can do to add that into the mix.

Timeline

Here is a brief timeline of what I hope to accomplish and in what order. There is no exact date for each release, but the time between each release should not be more then two months.

  • 1.2 current release
  • 1.3
    • Add more Picasa interaction
      • interactions tbd
  • 1.4
    • Add more control of the style for each jQuery photo gallery plugins
      • The thought is to possibly have all the styles embedded in the database
        and then have those styles transfer over when
        you create a gallery.
    • Add better control over parameters for jQuery photo gallery plugins
  • 1.5
    • Add the ability to change the alt text for each image no matter where
      the image is from

      • The thought is to possibly have an edit icon appear when mousing over
        an image

Installation

If you have ever installed a plugin, then this will be pretty easy.

  1. always back up your Wordpress before making any modifications.
  2. Extract the files. Place the benjamin-sterling-galleries directory into wp-content/plugins/
  3. Login to the Site Admin and go to Plugins and active Benjamin Sterling Galleries
  4. Then it can be configured from the BSG menu that you should now have on the top menu bar.

More Info

Let me try to explain what this plugin actually does; it builds image galleries or photo galleries. Wow, I know, that was descriptive. But since you look like you are still puzzled by how it actually works, I will go into a little more detail. Say you have a Picasa photo album with all these really nice photos that you want to add to your site either in a post or in the side bar. But, you don’t want to use the “slideshow” feature that they provide. Well, with this plugin you simply use your rss feed link for your Picasa photo album and paste it into the lovely interface that is provided by the Benjamin Sterling Galleries plugin. Then you select what size thumbnails you want to preview and you click a button and wham, you have all your images/photos listed on the page. You double click on the ones you want to add to your gallery, you fill in some info, select the style of gallery you want and click another button and wham, you have a preview of the gallery that can be added to your Wordpress. What? You have a Flickr account too? Well if you did not click the button to add you gallery yet, go a head and paste in the url to your Flickr rss feed and click the first button and there you go, a list of your Flickr photos. Double click on the ones you want and click build gallery and there you go, a photogallery with both your Flickr AND Picasa photos!

The other nice thing about this plugin is that you can re-order the images you want in your gallery. Simply click and drag the images you want to move around and put them wherever you want in the gallery.

Ok, with out rambling too much more, let me ask for your help. What do I need up with? Well, my instructions are very minimal, do I need more? I only have four photo / image gallery plugins installed, do I need more? If so, which ones do you like? And why? Is there a feature that is needed/that is missing? What is it?

The download link is below, please leave comments to help me make this plugin better.

Download: http://wordpress.org/extend/pl.....galleries/

My muse S.Sterling http://www.neurosesgalore.com

Pages: « 1615 14 13 12 11 [10] 9 8 7 6 51 » Show All

154 Responses to “Benjamin Sterling Galleries: Wordpress Photo/Image Gallery Plugin for Flickr & Picasa”

Also… i noticed that the version of your code on wordpress and your own website…were two different versions.
:)

Just tried the 1.6 version... Cannot activate it because of this message.

CODE:
  1. Parse error: parse error, unexpected T_OBJECT_OPERATOR in /systems/wordpress/wp-content/plugins/benjamin-sterling-galleries/common/inc/bsg.php on line 491

I looked through the program...but i could not see what was giving the parse error...

Just some feedback

@Robert: Sadly I am not very good with print stylesheets and what works for them; I wish I had a quick fix for you other then to suggest that you do create a print style sheet, I can give you the classes and IDs that you will need to work with for the jqGalViewII gallery.

@Jeff: I just posted 1.6.

Ben,

Any update on your plugin update?

KPicasa released 0.1.0 this weekend, I installed it and it broke, and the site is down too. Now would be great timing for a new release of yours...:)

Hello Benjamin.
About thet print thumbnails question. I use the WP-Print plugin for Wordpress. But this does not make the difference. As I print your page (http://benjaminsterling.com/jquery-jqgalviewii-photo-gallery/) the thumbnails on the hard copy (or PDF) appear as black blocks (depending on the bgcolor). So even from your own site it is not possible for me to print de thumbnails. I believe the problem is caused by IE not printing UL/LI listed images. But maybe you do have a solution for that, by adding some extra CSS tags in de stylesheet, or a separate print stylesheet? Thank you.

I actually did mean "caption" not comment, sorry, wrong use of terminology. The caption is what I would like to show up with the photo as I described before. I would actually think I wouldn't want it in the alt tag. Maybe this is only specific to me and the type of captions I write, but semantically, my captions don't necessarily describe the images.

The title tags are good though.

Thanks again so much for your hard work, can't wait to try the new release this weekend. Exciting that you blew through your roadmap. Would like to see if your newest release will have the stuff I need to switch over from kPicasa.

@Robert: Looks like you are using some sort of print plugin, is this true? Let me know what the set up is so I can experiment.

@Nirosha: Thanks for the kinds words, if you are fluent in any languages other the English, I may be needing help in the future with translations if you are interested.

@Michael: What version are you using for the plugin, unfortunately I had release a bunch in a very short period of time, I was not thinking. The issues you are referring to seems to be issues I fixed with the most recent version which 1.3.

@Jeff: The plugin will grab the caption from your picasa account for each image and adds them to both the title attribute for both image and link and to the alt attribute of the image. I know picasa also has a spot for comments, I am not sure if you are meaning them, but the plugin does not bring them in. The caption is what you have for the one image that says "Grrr, if I can only get this under the end table I can rule the world!"

Btw: great looking dog.

@ALL: I am working on another release that I will release on either Saturday or Sunday depending on how I feel about the testing. Not sure of the version number it will be because I took care of everything in my timeline and then made some really big changes that I think everyone will like. I will try to have a full change log on release. I made it so that you will not lose your current galleries, but you will have to make modifications to them to ensure they work 100%.

Yeah.....after I posted, I edited the HTML and CSS, so now it looks more how I would like it. Not crazy nice design, but simple and readable.

Ben,

Sorry I didn't reply before now to my comments about showing "comments" from Picasa galleries, and to writing documentation.

Here is what I would like your plugin to do, but I know you can do it better:) I haven't switched over to yours just yet because you are still working on some of the stuff I want, but KPicasa, as I mentioned before, is not nearly as flexible as yours is already.

http://www.rotheblog.com/?cat=.....okesOurDog

This plugin is reading my comments from the RSS feed and displaying them under the image. Then, if you are familiar with Lightbox, the title tag is used to display a message with the photo. Lightbox reads those comments when viewing the image larger. I am not crazy about how the comments are displayed below the thumbnails, but I am sure that is something I could edit if I felt that strongly about it right now.

With your albums, like jqGalViewII for example, couldn't you have the comments read from Picasa display above, or below the image? Or as a tool tip if that wouldn't add too much code to slow things down?

I don't really have screen capture software, and really don't have the time to mess around with something new. If you need something written up with screenshots, I can do that. Or if you agree with me, that video is a much more powerful medium and want to wait for someone to make a tut for you, that is fine too.

n update... when i went to manage my gallery.... i saw my pics and such.... but there was also this message
Warning: main(): Failed opening 'common/inc/JSON.php' for inclusion

CODE:
  1. (include_path='.:/usr/local/lib/php:/usr/local/lib/php/PEAR:/usr/local/share/pear') in /daniloandheather.com/systems/wordpress/wp-content/plugins/benjamin-sterling-galleries/common/inc/build.php on line 42

So maybe there is some problem with the version of my PEAR libraries on my server? I am running PHP Version 4.3.11

Pages: « 1615 14 13 12 11 [10] 9 8 7 6 51 » Show All

RSS Feed Link

41 queries. 0.583 seconds. Powered by WordPress visitor stats