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: « 1614 13 12 11 10 [9] 8 7 6 5 41 » Show All

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

Hi... i installed the version that you link to from your site. Everything seems to work fine...albums created etc. but when i try to use it in a post... i get nothing. I am new to wordpress...so maybe i am doing something wrong. What i did was create a post... and put in [gallery=1] nothing shows.. i know most plugins use some kind of [plugin] options and parameters [/plugin] style. So am i putting in the wrong tags? This looks wonderful and i have tried a million trying to find one that works... I hope this one does for me :) Thanks in advance for reading this.

Awesome... I'll be looking in to that .. Thanks.. Hmmm If you need any help let me know... I'm a Sri lankan student so might not have enough money to donate any he he.. But Will help you on testing and development any time you ask... Thanks again... BSG is brilliant.. !

Hello Benjamin,
This is de url: http://wellfield.nl/zonder-rubriek/bsg/
So thumbnails will not be printed. I guess this is to be solved by a particular CSS style tag. But which one? I believe it does not work for the moment because the thumbs are in a list.

Davy: when I go to the pages you provided none of them load for me. So my guess that the issue has something to do with that. I am working on changing the approach of the "local" browsing feature. If you can drop me a line a benjamin.sterling [at] kenzomedia [dot] com with ever info I may need, I will take a look at your set up.

Robert: Can you post your url to the image gallery so I can get a better understanding of what is going on?

Nirosha: Sadly I did not even think about having multiple galleries on one page, I would not say this was a bug but a none feature. I am working on a huge release that I am hoping to have up in the next day or so and I will put in a fix for the ability to have multiple galleries.

Hi , I have a big problem. Now in my scenario i want to have a gallery for each posts under one of my categories. But there is a problem.. I can enter one post including one gallery. But when same page has another BSG gallery the Java script wont work... Have you noticed that ?

Hmmm so can you have multiple BSD galaries in multiple post in one page... I think this is a bug.. Please let me know why I'm having this problem

Thanks, it works with the new js file.
But now I have another question. I would like to print the big image from jqGalViewII but also the thumbnails (I use WP-Print plugin). But only the big image is on the hard copy and not the thumbnails. The thumbs do show up in the preview. I noticed this is also the case when just printing the pages from your site; thumbs are not shown then also. Do you have a suggestion for a CSS (printstyle) tag for this? The thumbs are listed with ul and li.
Hope you can help me out, I would like to print hard copies of the complete gallery including thumbs. Thanks again.

When going to my uploaded folder using http :

http://213.118.216.34:60000/wo.....s/2008/01/

I can see the following files :

imported-photos-00074-resized.JPG 07-Jan-2008 20:54 605K
imported-photos-00074-resized.thumbnail.JPG 07-Jan-2008 20:54 22K

(file uploaded using the wordpress upload functionality).

The Browsable Directory still doesn't work.

I've tried entering the following values

http://213.118.216.34:60000/wo.....s/2008/01/
/wordpress/wp-content/uploads/2008/01/
wordpress/wp-content/uploads/2008/01
/wp-content/uploads/2008/01/
wp-content/uploads/2008/01/

The uploading message stays on the screen as before.

When I use the option "Local Database" I am able to fetch thr images that I uploaded.

In the "Managed Galleries" tab, I'm able to previes my galleries just fine, but as soon as I write a post, and use the [gallery=1] tag, my post doesn't have any content, the gallery isn't shown, and my overal page layout is all messed up.

Drop me a mail if you have the time to look at my site, I can provide you with the necessary admin password through mail.

If you don't have the time don't worry, I'm pretty new to all of this so I'm probably doing something wrong.

Robert: I must have included an older script for that one, can you grab the updated js code from http://benjaminsterling.com/jq.....o-gallery/ and overwrite the js file in benjamin-sterling-galleries\galleryScripts\jqGalViewII and see if that works for you.

Benjamin, thanks, now it works with the default WP upload directory.
I have another question; how can I make BSG show a first image? Now it does not show a first image, only thumbnails. I use jQuery Gallery Viewer II: http://wellfield.nl/zonder-rubriek/bsg/ (don't mind the layout of this site, it is a trial).

Robert: Oh, I see the issue, at least in your situation, Davy let me know if you are going with the same setup.

The problems is that I was going off the assumption that everyone would be using Wordpress's default upload function which takes the full size and resizes it to a thumbnail and appends .thumbnail to it. So if I upload benjamin.jpg, WP would take that image and duplicate it and give it an new name of benjamin.thumbnail.jpg. The system I have built looks at each image and looks for .thumbnail and sends that to the browser while matching that thumbnail image up with the full size image.

So, Robert, with you current set up and the current code it won't work as expected. Not sure of a quick work around off the top of my head.

Pages: « 1614 13 12 11 10 [9] 8 7 6 5 41 » Show All

RSS Feed Link

41 queries. 0.621 seconds. Powered by WordPress visitor stats