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: « 1613 12 11 10 9 [8] 7 6 5 4 31 » Show All

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

Davy:
When I go to my uploads directory for my wordpress I get a browsable page (http://www.benjaminsterling.com/wp-content/uploads/) I don’t have anything uploaded there, but I did I would have folders with what ever I had uploaded. Are you getting something like this?

The code that is grabbing the image in this particular option is purely JavaScript, it is actually grabbing the browsable page and then finding all links and checking if they are links to folders or to images and will process each.

Here is a better example of what the code is expecting.
http://galleries.benjaminsterl.....t/uploads/

Hello Benjamin, it would be great if I could load a local directory, fi http://wellfield.nl/images/serie2. But the ldoading message does not disappaer an nothing happens. Just as Davy experiences. Hope you do have a solution. Thanks a lot.

Benjamin,

My wordpress is available at http://myhost.com/wordpress
My images are available through http at http://myhost.com/myimages

When using the Browsable Directory option, I’ve tried entering

http://myhost.com/myimages
/myimages

in the “Your browsable directory URL” input field.

I just get the message Loading your images, please wait… , but nothing happens. (both on IE & Firefox).

First I was under the impression that “Your browsable directory URL” could be any path on the servers filesystem (something like /home/usermyImages).
But even with an HTTP accesable URL (http://myhost.com/myimages) it doesn’t seem to work.

Unfortunately, I’ve only been using WordPress since today, and as a Java/J2EE developer, my knowledge of PHP is limited (understatement) so I can’t really debug things to see what goes wrong.

My wordpress is running on a apache2 server on Ubuntu

Davy: I guess I should make “local path” more clear; that path needs to be a url, or an absolute path in regards to your url. Let me explain, if your “images” folder is at the root of your website url you would do http://www.myurl.com/images or just /images/. I just noticed though that the “Loading your images, please wait…” message does not go away for this option, I will have to get that fixed. Can you try it with your url and let me know if that works for you?

I’m also having the problem that was reported earlier.
The following message appears and nothing happens :

Loading your images, please wait…

Has there been a fix for this ? I’m using v1.3

I’m referring to a local path /home/user/images

Cindy, glad you figured it out.

I just tried it again and it worked. I had to retype my picasa ID in instead of using the one that was stored with my user id–which apparently had a typo. I hope I didn’t waste too much of your time. Thankyou!

Here is the url to the picasa web album- http://picasaweb.google.com/wi.....bsiteMarch

My version of the plugin is 1.3.

Thankyou

Cindy,
Can you post the url to the picasa account you are trying to use? Also, what version of the plugin do you have?

Thankyou for your plugin. I tried to upload a picasa album and got the following error- “There seemed to be an error in the execution and most likely is because your server does not support “file_get_contents,” we will try an alternate method, please wait.” Nothing happenned after I waited. I tried typing in the URL, just using Grab but nothing worked. Can you help?
THanks,
Cindy

Pages: « 1613 12 11 10 9 [8] 7 6 5 4 31 » Show All

RSS Feed Link

41 queries. 1.706 seconds. Powered by WordPress visitor stats