Darkroom Facebook Photo Gallery

Why uploading your photos to both facebook and WordPress when you can do it once and showcase them with the coolest jQuery animation?


That was my Darkroom style used in my website (Very out-dated, sorry. I need to upload the work for the last years).

With Darkroom Facebook Photo Gallery WordPress plugin you can keep them where your friends are already liking them, and displaying them in your website with the best interface neither facebook or WordPress offer.
Darkroom Facebook Photo Gallery is a fully animated jQuery photo gallery, inially styled as a darkroom photo drying line, with clothe pins and gravity-hung photos.Each photo features title, SEO keywords and description, as well as album titles and cool effects!
Upload them from your mobile to Facbook as usual, and they will show in your WordPress (automated update using cron script).

When the Facebook API came out, it was matter of time until the facebook photo gallery be shared/ported to WordPress, but until now, there was nothing new about the appearance of the galleries: No matter how much effort you put in it, the most you could get is the same squary grid of photos with a different border and background style.

At the same time one of my clients needed a photo album I wanted to make unique, and the way fishermen hang their daily catch on a hooked board for the winner shot made me chase this hunging photos effect, which evolved into the present “Darkroom” concept:

Darkroom photo gallery with a custom style

See features below for a description of the level of customization that enables you to change this “Darkroom” concept/style into your own.

This plugin is based on the Fotobook plugin by Aaron Harp and Chris Wright, and was possible thanks to the jQuery tutorial from Manoela Ilic.

Fotobook description: is a WordPress plugin that will link to your Facebook account(s) and import all of your photo albums for use in your WordPress installation. It uses the Facebook API so importing your photos is a breeze (it won’t require any space in your WP site. You just keep organizing them in fb) Requires PHP 5.

Plugin Features

  • Option to hang the photos from different corners
  • Option to rotate the photos a fixed amount or using its gravity
  • Option to add random rotation to the photos

Options for sale

  • Fullscreen option (takes over the browser’s window making the effect cooler.
  • Use your own clips, pins, adjusting the point of grip, as well as the center of rotation/hanging-point of the photos, to make the hanging effect natural and precise.
  • In-dashboard css, background, and pin photo editors so you can make your own theme with hanging photos!

[downloads_box title="Darkroom facebook photo gallery plugin for WordPress"]
darkroom-facebook-photo-gallery.zip
[/downloads_box]

You’ll probably find the latest version of Darkroom facebook photo gallery in WordPress plugins repository.





Yo can buy me a beer if you find this plugin not as useful as you expected. In that case, of course, let me know and I’ll try to modify it to suit your needs, if I find some spare time.




You can buy some extras to customize this gallery into your own design without knowledge about coding nor programming, and to get a full-window view (best for larger albums)

Leave your comments, bug reports or suggestions below. I’m sure there’s a lot more to improve yet, so feedback and suggestions are welcome.

10 Comments »

  1. Is there a way to import the photos from a Facebook Group? Groups can have an email, but no password?

    Thanks,

    jim

    Jim
    April 3, 2012
    5:19 pm

  2. 1. How do I make the hanging thumbnails bigger?
    2. I have descriptions on the pictures in Facebook but they do not transfer correctly to the Darkroom. What setting do I need to alter?
    3. Can a smaller download link be added? I like the one on your site.

    Thank you in advance for your help.

    Sharon B. Rowe
    April 4, 2012
    7:40 pm

  3. Not currently. That feature is added by the original plugin this one is based on. As soon as Aaron supports it, I might include it. http://www.aaronharp.com/dev/wp-fotobook/

    Sergio Zambrano
    April 4, 2012
    7:45 pm

  4. It should change with the parameter “Max Thumbnail Size” in the options panel.
    If if it doesn’t work for you, publish your page and let me know the url so i can check it out and figure out wether it’s a CSS issue or something else.
    You can check Fotobook plugin developer’s website at
    http://www.aaronharp.com/dev/wp-fotobook/
    for extra info about thumbnails. I’m not so sure Facebook renders the image at every size.

    Sergio Zambrano
    April 4, 2012
    7:51 pm

  5. I am using the plugin in a development site and I get the following error. I am using the plugin in a development site and I get the following error. …..Parse error: syntax error, unexpected T_ENDFOREACH in C:\Users\*****\*******\My Web Sites\wordpress\wp-content\plugins\darkroom-facebook-photo-gallery\darkroom-facebook-photo-gallery.php on line 1145

    It should be mentioned that I am doing this development locally and using Microsoft Webmatrix. Could this be part of the issue.

    Any suggestions where to look?

    It should be mentioned that I am doing this development locally and using Microsoft Webmatrix. Could this be part of the issue.

    Any suggestions where to look?

    wayne
    April 13, 2012
    3:11 pm

  6. Wayne:
    Your question has been already answered in the wordpress plugin page which I don’t have access to because my account has been blocked because the mods don’t like me to help users if that exposes WP bugs. I’m sorry that the plugin help depends on having access to forums, which depends on admins will.

    Sergio Zambrano
    April 20, 2012
    6:12 am

  7. the photos page is squished and doesn’t display properly… also when you click an album sub page only the name comes up none of the pics

    Katie
    June 14, 2012
    11:57 pm

  8. The albums page only works in full-screen with the extra code for sale in this page. Without it, it remains inside your own articles column, at least you add your own code or create a new template just for that page.
    It doesn’t work on Internet Explorer. Only brand new computers are bundled with IE only. Most of people already know the nicer designs are possible only on modern browsers (Chrome, Safari, Firefox). You should be able to see the photos anyway, although degraded in design (possibly failing shadows, inner glows, image animations…)

    About clicking the albums subpage… You shouldn’t have an album subpage. I forgot some of the code from the original plugin that retrieves the albums from FB so in a previous version of mine album pages were added although useless.

    Try deleting those pages and running the plugin from a real server.
    As for the missing photos, as I said many times before, local (localhost) or simulated (MAMP) servers won’t retrieve any photo, because FB only serves images to real apps hosted on safe servers. This plugin as any other FB functionality use an app no matter how little info is pulled from their server.

    Sergio Zambrano
    June 18, 2012
    3:04 am

  9. Sharon.
    Sorry for the delay. I think I answered you by email, though.
    Anyways…
    1) I tried making the thumbnails bigger, but the original plugin didn’t do it. I don’t know whether that feature fails at the plugin level or Facebook won’t serve other sizes.

    2) The descriptions will be considered so if you add an extra line after the first sentence used for the title. As the documentation says, the plugin expects 2 or three paragraphs, separated by an empty line. The second or third paragraph will be used as the description.

    3) The image for the download link is the same than the one in my site. Your website must have some css to make all the images the same size, or so.

    Sergio Zambrano
    June 18, 2012
    3:37 am

  10. Hi, I have a problem with endforeach:

    Parse error: syntax error, unexpected T_ENDFOREACH in… wp-contentpluginsdarkroom-facebook-photo-gallery1darkroom-facebook-photo-gallery.php
    on line 1145

    Can u help me?

    henhis
    February 2, 2013
    10:27 am

RSS feed for comments on this post. TrackBack URL

Leave a comment