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!

   Add the code below wherever you want the projector box to appear! <div style="padding-bottom:75%;" data-jalbum='{"albumurl":"/album/Nature"}'></div> Library calls. Insert above the closing </HEAD> tag! <link rel="stylesheet" href="/jalbumbridge/jalbum.css"> <script src="/jalbumbridge/jalbum.min.js" async defer></script>

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:
  Header set Access-Control-Allow-Origin: "http://www.your-site-here.com" Header set Access-Control-Allow-Origin: "https://www.your-site-here.com" env=HTTPS 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:
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 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.