Add a jAlbum bridge projector to your site

  1. Edit the settings to your like.

  2. Copy / Paste the code below into your HTML page!

  3. Download the required files

    Place these files inside a folder named jalbumbridge in your site's top level – www or public_html – folder!

“Please note” section
  • This is a sample album and you will need to use your real album path instead of "/album/Nature".
  • If you are testing an album on your site, use absolute URL (starting with http(s)://...) and you might need to modify your site's Cross Origin Resource Sharing policy in order to allow foreign access. Add the following lines for example to your site's .htacess file:
    If there's an Access-Control-Allow-Origin "*" there, it's already enabled.
  • The code is based on HTML5 / CSS3 standards. In older pages the layout might be broken.
  • If your page contains modifications to basic HTML elements (CSS resets) that might affect the projector too.
  • The projector requires jQuery. If your page does not load it, you will need to add the following line of code above the jalbum.min.js line:
    The projector supposed to work with all newer versions of jQuery too. Version 1.12.4 was picked because WordPress is loading that too by default.
  • Supported browsers: all modern browsers. IE11: partial support (some 3D effects doesn't work, like Carousel and Cube). IE10 and below: broken.