jAlbum Bridge

Description

jAlbum Bridge is a WordPress plugin for showcasing jAlbum albums. By using this plugin you can add spectacular slideshows or grid-type projectors to any post or page in WordPress. The projector adapts to the device size and site style. It links to the real album if you wish. You can select what kind of items to display in what order. Can be even random sampling.

Slideshow transition types:

  • Ken Burns
  • Cross-fade
  • Slide
  • Swap
  • Stack
  • Flip (3D)
  • Carousel (3D)
  • Book (3D)
  • Cube (3D)
  • Cover flow (3D)

Grid-type layouts:

  • Grid
  • Mosaic
  • Strip
  • Masonry

Please note, this projector needs JSON files to be generated in the album – look for skins that can generate them (like Tiger or Photoblogger) or turn on the “Settings / Advanced / Generate JSON data” option in skins which don’t do (available since v15.3.3).

If you’re using the album from another site, make sure this site supports Cross Origin Resource Sharing, otherwise the projector’s access will be blocked. Also in this case if the WordPress site is running on https protocol the album’s site must support https protocol too, as you can’t include unsecure content in a secure page.

jAlbum is an album creator tool, that creates web albums of images on your hard disk. This way you can manage your photo collection right from your PC, no need to upload them to a remote server to be able to use them.

  • Create albums with folders, custom pages, external links
  • No limit, you can use tens of thousands images or videos
  • jAlbum manages the uploads: you can upload to any site (different from your WP site) or you can host them on jalbum.net if you wish
  • Widely customizable albums
  • Tons of features: Google Maps, PayPal cart, Feedback, search, etc.

For help with the plugin visit your-site-here.com →

Read more about jAlbum features →

Get jAlbum application from here →

jAlbum Bridge forum on jalbum.net →

Screenshots

  • jAlbum box button
  • Short code settings
  • Carousel slider
  • Book slider
  • Coverflow slider
  • Mosaic grid
  • Masonry grid
  • Strip

Installation

  1. Upload the plugin files to the /wp-content/plugins/jalbum-bridge directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the “Plugins” screen in WordPress
  3. Use the post/page editor’s “jAlbum box” button to insert a new projector box or place the cursor within the [jalbum_bridge …] short code to edit an existing one.

FAQ

Installation Instructions
  1. Upload the plugin files to the /wp-content/plugins/jalbum-bridge directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the “Plugins” screen in WordPress
  3. Use the post/page editor’s “jAlbum box” button to insert a new projector box or place the cursor within the [jalbum_bridge …] short code to edit an existing one.
Is this projector working on images within WordPress?

No, you don’t have to add the images to the WordPress Media collection. Simply use the jAlbum application – which runs on any PC – to create and upload albums separately of WordPress.

What is the workflow?
  1. First you create an album with the jAlbum application. See short instructions here →.

  2. Upload to separate (static) folder in your server’s root, e.g. /albums. Make sure to avoid naming conflicts with existing WordPress posts. If you already have a post (page) called “album” and you create a folder at site root called “album” they might interfere, and instead of the post the visitors will only see the contents of the static folder.

  3. Open a post (or page) in WordPress and use the jAlbum box button to insert or edit a projector.

  4. Provide the URL to the album, e.g. /albums/Event1, set the projector Type and other settings.

  5. Once finished with the settings, click “Update”, and update the post too.

What format is required as Album URL?

You can use either “absolute” (e.g. http://your-site-here.com/album/Travel) or “site root relative” addresses (e.g. /album/Travel).

Can I use an album from another site?

Yes, you can. However, you’ll have to have access rights on the album’s server. It’s called “Cross Origin Resource Sharing”, and can be controlled many ways, e.g. through the .htaccess file in the site root. By adding Header add Access-Control-Allow-Origin "http://www.your-site-here.com/" for exemple allows file access from the mentioned site. Once you already allowed access to “*” (any site) you don’t have to do anything more.

Error: “Missing or no access to tree.json”. What can I do?

This error message means there’s either no tree.json (album database) in the given folder, or the server does not allow to access it. Check the following:

  • Check if the album’s output directory (Ctrl-Shift-O) in jAlbum contains tree.json. If not, choose a skin that supports JSON output (Tiger, Photoblogger, Responsive) or turn on the Settings / Advanced / Generate JSON data option. Make + Upload again.

  • Check the Developer tools (F12 in Chrome) for the error. If it says “Cross Domain Access Denied” you’ll have to set proper CORS policies on the other site (see above), or if it’s on the same site make sure to use the same absolute URL format (with or withour “www” for example), or use the site root relative format, e.g. /album/Travel.

  • If the browser complains about “Mixed content” thart means the WordPress page runs under secure (https:) protocol, while the album comes from an “unsecure” server. Ensure the album’s site also has “https:” certification or move the album to the same server as the WordPress page is on.

  • If none of the above happens your (album) server migh not support “JSON” files by default. You might need to add application/json to the known MIME types on your server. By default Apache servers used to be configured properly, but most IIS servers need this modification.

Reviews

Welcome link between Jalbum and WordPress

Welcome link between jalbum and WordPress.

Useful when you invested a lot of time on albums created with jabum and use WordPress as CMS to show them.

Still under development and well supported by the author on teh jalbum fora.

JAlbum Bridge

It does not work if the album is on a different site server. In this case we have only one blank space. Jalbum is very good, but the plugin still needs to be improved.

This was long awaited…

Thanks for creating this plugin!
It helps a lot and adds new perspectives.
Currently testing but I already wanted to acclaim the initiative…

Read all 3 reviews

Contributors & Developers

“jAlbum Bridge” is open source software. The following people have contributed to this plugin.

Contributors

Translate “jAlbum Bridge” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.1.0

  • Added “Folder” option to show contents only of a subdirectory
  • Added “Gap” option for grid-like layouts: leaves gap between the cards
  • The code checks if called from a https: page and adjusts the albumURL accordingly (Plase note, using http: album URL from a secure page results in a broken projector anyway. Make sure to support the secure protocol on the album page too in this case!)
  • Coverflow width is adjusted to fill in the space better
  • Added ${label} – can be used in templates for the filename without extension + underscrores replaced by spaces
  • Default photo caption template is using “label” instead of “name”

1.0.3

  • Fixed Carousel 3D rendering artifacts on Safari
  • Automatically removing index.html (or php) when added as Album Url
  • Fixed Grid layout 1px gap between rows
  • Fixed Mosaic 1+3 layout’s overlapping images
  • Fixed Masonry layout falls apart on window resize

1.0.2

  • Fixed TinyMCE selection does not cover all the shortcode
  • Title default style is “White”

1.0.1

  • Fixed TinyMCE selection error.
  • Added custom attribute handling in short codes

1.0

  • Initial release